色変換
色変換 for 暗い 空 青
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 140 | 190 | 214 | |
|---|---|---|---|---|
| HSL | 199.46° | 47.44% | 69.41% | |
| HSV | 199.46° | 34.58% | 83.92% | |
| CMYK | 34.58% | 11.21% | 0% | 16.08% |
| XYZ | 41.3623 | 47.2552 | 70.547 | |
| Yxy | 47.2552 | 0.2599 | 0.2969 | |
| Hunter Lab | 68.7424 | -12.8967 | -12.7029 | |
| CIE-Lab | 74.3527 | -10.5506 | -17.2819 | |
| CIE-LCH | 74.3527 | 20.2479 | 238.5959 | |
| CIE-LUV | 74.3527 | -24.9621 | -25.2881 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10001100 | 10111110 | 11010110 |
| Octal | 214 | 276 | 326 |
| Decimal | 140 | 190 | 214 |
| Hex | 8C | BE | D6 |
RGB比率
CMYK比率
濃い色 #8CBED6
淡い色 #8CBED6
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
暗い 空 青 黒背景
暗い 空 青 サンプルテキスト
暗い 空 青 白背景
暗い 空 青 サンプルテキスト
#8CBED6 CSSコード
.background { background-color: #8CBED6; }
.text { color: #8CBED6; }
.border { border: 3px solid #8CBED6; }
.shadow { box-shadow: 0 8px 28px rgba(140, 190, 214, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.01:1低い
黒とのコントラスト10.45:1AAA
Webセーフカラー#99CCCCNear
輝度0.47260-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
EnglishDark sky blue
PortuguêsAzul-céu escuro
EspañolOscuro cielo azul
한국어어두운 하늘 파랑
日本語暗い 空 青
中文深 天空 蓝色
DeutschDunkel Himmel Blau
FrançaisFoncé ciel bleu
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with 暗い 空 青.
近い色
See 青系