色変換
色変換 for #FFF7EA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 255 | 247 | 234 | |
|---|---|---|---|---|
| HSL | 37.14° | 100% | 95.88% | |
| HSV | 37.14° | 8.24% | 100% | |
| CMYK | 0% | 3.14% | 8.24% | 0% |
| XYZ | 89.3503 | 93.7228 | 91.2092 | |
| Yxy | 93.7228 | 0.3258 | 0.3417 | |
| Hunter Lab | 96.8105 | -4.675 | 11.9297 | |
| CIE-Lab | 97.5202 | 0.4931 | 7.1905 | |
| CIE-LCH | 97.5202 | 7.2074 | 86.077 | |
| CIE-LUV | 97.5202 | 5.3455 | 10.8245 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11111111 | 11110111 | 11101010 |
| Octal | 377 | 367 | 352 |
| Decimal | 255 | 247 | 234 |
| Hex | FF | F7 | EA |
RGB比率
CMYK比率
濃い色 #FFF7EA
淡い色 #FFF7EA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#FFF7EA の色 黒背景
#FFF7EA の色 サンプルテキスト
#FFF7EA の色 白背景
#FFF7EA の色 サンプルテキスト
#FFF7EA CSSコード
.background { background-color: #FFF7EA; }
.text { color: #FFF7EA; }
.border { border: 3px solid #FFF7EA; }
.shadow { box-shadow: 0 8px 28px rgba(255, 247, 234, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.06:1低い
黒とのコントラスト19.74:1AAA
Webセーフカラー#FFFFFFNear
輝度0.93720-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#FFF7EA color
PortuguêsCor #FFF7EA
EspañolColor #FFF7EA
한국어#FFF7EA 색상
日本語#FFF7EA の色
中文#FFF7EA 颜色
DeutschFarbe #FFF7EA
FrançaisCouleur #FFF7EA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #FFF7EA の色.
近い色
See オレンジ系