色変換
色変換 for #67C8AC の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 103 | 200 | 172 | |
|---|---|---|---|---|
| HSL | 162.68° | 46.86% | 59.41% | |
| HSV | 162.68° | 48.5% | 78.43% | |
| CMYK | 48.5% | 0% | 14% | 21.57% |
| XYZ | 33.691 | 47.1679 | 46.3506 | |
| Yxy | 47.1679 | 0.2648 | 0.3708 | |
| Hunter Lab | 68.6789 | -32.6241 | 8.0767 | |
| CIE-Lab | 74.297 | -35.3538 | 5.2335 | |
| CIE-LCH | 74.297 | 35.7391 | 171.5795 | |
| CIE-LUV | 74.297 | -43.2169 | 13.4443 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100111 | 11001000 | 10101100 |
| Octal | 147 | 310 | 254 |
| Decimal | 103 | 200 | 172 |
| Hex | 67 | C8 | AC |
RGB比率
CMYK比率
濃い色 #67C8AC
淡い色 #67C8AC
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#67C8AC の色 黒背景
#67C8AC の色 サンプルテキスト
#67C8AC の色 白背景
#67C8AC の色 サンプルテキスト
#67C8AC CSSコード
.background { background-color: #67C8AC; }
.text { color: #67C8AC; }
.border { border: 3px solid #67C8AC; }
.shadow { box-shadow: 0 8px 28px rgba(103, 200, 172, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.01:1低い
黒とのコントラスト10.43:1AAA
Webセーフカラー#66CC99Near
輝度0.47170-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#67C8AC color
PortuguêsCor #67C8AC
EspañolColor #67C8AC
한국어#67C8AC 색상
日本語#67C8AC の色
中文#67C8AC 颜色
DeutschFarbe #67C8AC
FrançaisCouleur #67C8AC
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #67C8AC の色.
近い色
See 緑系