色変換
色変換 for #F8E16D の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 248 | 225 | 109 | |
|---|---|---|---|---|
| HSL | 50.07° | 90.85% | 70% | |
| HSV | 50.07° | 56.05% | 97.25% | |
| CMYK | 0% | 9.27% | 56.05% | 2.75% |
| XYZ | 68.3995 | 74.9139 | 25.3219 | |
| Yxy | 74.9139 | 0.4056 | 0.4442 | |
| Hunter Lab | 86.5528 | -10.4066 | 43.2479 | |
| CIE-Lab | 89.3526 | -6.0407 | 58.6509 | |
| CIE-LCH | 89.3526 | 58.9612 | 95.8804 | |
| CIE-LUV | 89.3526 | 20.8143 | 73.5934 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111000 | 11100001 | 01101101 |
| Octal | 370 | 341 | 155 |
| Decimal | 248 | 225 | 109 |
| Hex | F8 | E1 | 6D |
RGB比率
CMYK比率
濃い色 #F8E16D
淡い色 #F8E16D
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F8E16D の色 黒背景
#F8E16D の色 サンプルテキスト
#F8E16D の色 白背景
#F8E16D の色 サンプルテキスト
#F8E16D CSSコード
.background { background-color: #F8E16D; }
.text { color: #F8E16D; }
.border { border: 3px solid #F8E16D; }
.shadow { box-shadow: 0 8px 28px rgba(248, 225, 109, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.31:1低い
黒とのコントラスト15.98:1AAA
Webセーフカラー#FFCC66Near
輝度0.74910-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F8E16D color
PortuguêsCor #F8E16D
EspañolColor #F8E16D
한국어#F8E16D 색상
日本語#F8E16D の色
中文#F8E16D 颜色
DeutschFarbe #F8E16D
FrançaisCouleur #F8E16D
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F8E16D の色.
近い色
See 黄色系