色変換
色変換 for #CBEA85 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 203 | 234 | 133 | |
|---|---|---|---|---|
| HSL | 78.42° | 70.63% | 71.96% | |
| HSV | 78.42° | 43.16% | 91.76% | |
| CMYK | 13.25% | 0% | 43.16% | 8.24% |
| XYZ | 58.285 | 73.2354 | 33.251 | |
| Yxy | 73.2354 | 0.3537 | 0.4445 | |
| Hunter Lab | 85.5777 | -28.1897 | 36.8764 | |
| CIE-Lab | 88.5599 | -25.8973 | 45.593 | |
| CIE-LCH | 88.5599 | 52.4346 | 119.597 | |
| CIE-LUV | 88.5599 | -14.164 | 64.7042 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001011 | 11101010 | 10000101 |
| Octal | 313 | 352 | 205 |
| Decimal | 203 | 234 | 133 |
| Hex | CB | EA | 85 |
RGB比率
CMYK比率
濃い色 #CBEA85
淡い色 #CBEA85
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CBEA85 の色 黒背景
#CBEA85 の色 サンプルテキスト
#CBEA85 の色 白背景
#CBEA85 の色 サンプルテキスト
#CBEA85 CSSコード
.background { background-color: #CBEA85; }
.text { color: #CBEA85; }
.border { border: 3px solid #CBEA85; }
.shadow { box-shadow: 0 8px 28px rgba(203, 234, 133, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.34:1低い
黒とのコントラスト15.65:1AAA
Webセーフカラー#CCFF99Near
輝度0.73240-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CBEA85 color
PortuguêsCor #CBEA85
EspañolColor #CBEA85
한국어#CBEA85 색상
日本語#CBEA85 の色
中文#CBEA85 颜色
DeutschFarbe #CBEA85
FrançaisCouleur #CBEA85
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CBEA85 の色.
近い色
See 緑系