色変換
色変換 for #F3FDDF の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 243 | 253 | 223 | |
|---|---|---|---|---|
| HSL | 80° | 88.24% | 93.33% | |
| HSV | 80° | 11.86% | 99.22% | |
| CMYK | 3.95% | 0% | 11.86% | 0.78% |
| XYZ | 85.4048 | 94.633 | 83.5644 | |
| Yxy | 94.633 | 0.324 | 0.359 | |
| Hunter Lab | 97.2795 | -13.5295 | 17.1847 | |
| CIE-Lab | 97.8865 | -8.4041 | 13.2439 | |
| CIE-LCH | 97.8865 | 15.6853 | 122.3977 | |
| CIE-LUV | 97.8865 | -4.1367 | 21.3749 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11110011 | 11111101 | 11011111 |
| Octal | 363 | 375 | 337 |
| Decimal | 243 | 253 | 223 |
| Hex | F3 | FD | DF |
RGB比率
CMYK比率
濃い色 #F3FDDF
淡い色 #F3FDDF
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#F3FDDF の色 黒背景
#F3FDDF の色 サンプルテキスト
#F3FDDF の色 白背景
#F3FDDF の色 サンプルテキスト
#F3FDDF CSSコード
.background { background-color: #F3FDDF; }
.text { color: #F3FDDF; }
.border { border: 3px solid #F3FDDF; }
.shadow { box-shadow: 0 8px 28px rgba(243, 253, 223, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト1.05:1低い
黒とのコントラスト19.93:1AAA
Webセーフカラー#FFFFCCNear
輝度0.94630-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#F3FDDF color
PortuguêsCor #F3FDDF
EspañolColor #F3FDDF
한국어#F3FDDF 색상
日本語#F3FDDF の色
中文#F3FDDF 颜色
DeutschFarbe #F3FDDF
FrançaisCouleur #F3FDDF
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #F3FDDF の色.
近い色
See 緑系