色変換
色変換 for #A8EEFD の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 168 | 238 | 253 | |
|---|---|---|---|---|
| HSL | 190.59° | 95.51% | 82.55% | |
| HSV | 190.59° | 33.6% | 99.22% | |
| CMYK | 33.6% | 5.93% | 0% | 0.78% |
| XYZ | 64.4466 | 76.5621 | 104.2916 | |
| Yxy | 76.5621 | 0.2627 | 0.3121 | |
| Hunter Lab | 87.4998 | -21.6542 | -9.3907 | |
| CIE-Lab | 90.1197 | -18.1502 | -14.1834 | |
| CIE-LCH | 90.1197 | 23.0347 | 218.0057 | |
| CIE-LUV | 90.1197 | -33.838 | -19.5853 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101000 | 11101110 | 11111101 |
| Octal | 250 | 356 | 375 |
| Decimal | 168 | 238 | 253 |
| Hex | A8 | EE | FD |
RGB比率
CMYK比率
濃い色 #A8EEFD
淡い色 #A8EEFD
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A8EEFD の色 黒背景
#A8EEFD の色 サンプルテキスト
#A8EEFD の色 白背景
#A8EEFD の色 サンプルテキスト
#A8EEFD CSSコード
.background { background-color: #A8EEFD; }
.text { color: #A8EEFD; }
.border { border: 3px solid #A8EEFD; }
.shadow { box-shadow: 0 8px 28px rgba(168, 238, 253, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.29:1低い
黒とのコントラスト16.31:1AAA
Webセーフカラー#99FFFFNear
輝度0.76570-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A8EEFD color
PortuguêsCor #A8EEFD
EspañolColor #A8EEFD
한국어#A8EEFD 색상
日本語#A8EEFD の色
中文#A8EEFD 颜色
DeutschFarbe #A8EEFD
FrançaisCouleur #A8EEFD
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A8EEFD の色.
近い色
See シアン系