色変換
色変換 for #8FB2FE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 143 | 178 | 254 | |
|---|---|---|---|---|
| HSL | 221.08° | 98.23% | 77.84% | |
| HSV | 221.08° | 43.7% | 99.61% | |
| CMYK | 43.7% | 29.92% | 0% | 0.39% |
| XYZ | 45.1318 | 44.8336 | 100.0223 | |
| Yxy | 44.8336 | 0.2376 | 0.236 | |
| Hunter Lab | 66.9579 | 3.1375 | -41.6627 | |
| CIE-Lab | 72.7822 | 7.3961 | -41.3478 | |
| CIE-LCH | 72.7822 | 42.0041 | 280.1415 | |
| CIE-LUV | 72.7822 | -19.3518 | -67.9848 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001111 | 10110010 | 11111110 |
| Octal | 217 | 262 | 376 |
| Decimal | 143 | 178 | 254 |
| Hex | 8F | B2 | FE |
RGB比率
CMYK比率
濃い色 #8FB2FE
淡い色 #8FB2FE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#8FB2FE の色 黒背景
#8FB2FE の色 サンプルテキスト
#8FB2FE の色 白背景
#8FB2FE の色 サンプルテキスト
#8FB2FE CSSコード
.background { background-color: #8FB2FE; }
.text { color: #8FB2FE; }
.border { border: 3px solid #8FB2FE; }
.shadow { box-shadow: 0 8px 28px rgba(143, 178, 254, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.11:1低い
黒とのコントラスト9.97:1AAA
Webセーフカラー#9999FFNear
輝度0.44840-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#8FB2FE color
PortuguêsCor #8FB2FE
EspañolColor #8FB2FE
한국어#8FB2FE 색상
日本語#8FB2FE の色
中文#8FB2FE 颜色
DeutschFarbe #8FB2FE
FrançaisCouleur #8FB2FE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #8FB2FE の色.
近い色
See 青系
Similar colors
Blueberry
Blueberry
French 空 青
French sky blue
Cornflower 青
Cornflower blue
青 (crayola)
Blue (Crayola)
Jordy 青
Jordy blue
青 (ryb)
Blue (RYB)
Ultramarine 青
Ultramarine blue
Very 明るい azure
Very light azure
United nations 青
United Nations blue
Baby 青 eyes
Baby blue eyes
Vista 青
Vista blue
明るい cobalt 青
Light cobalt blue