#F3C181

#F3C181

white

#FFFFFF

コントラスト比

1.65:1

Delta E

44.4

Very Different

50:50 ミックス

#FCE0BF

カラー値

フォーマット #F3C181 #FFFFFF
HEX #F3C181 #FFFFFF
RGB 243, 193, 129 255, 255, 255
HSL 33.7, 82.6%, 72.9% 0.0, 0.0%, 100.0%
HSV 33.7, 46.9%, 95.3% 0.0, 0.0%, 100.0%
CMYK 0.0%, 20.6%, 46.9%, 4.7% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.8414 0.0993 72.7 1.0 0.0 89.9

コントラストとアクセシビリティ

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #FFFFFF → 背景色: #F3C181

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F3C181 → 背景色: #FFFFFF

色差 (Delta E)

44.4 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#F3C181 #F7CB96 #FAD5AA #FCE0BF #FEEAD4 #FFF4EA #FFFFFF

カラーミキシング

#F3C181

100%

#F8D0A0

75:25

#FCE0BF

50:50

#FEEFDF

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #F3C181, #FFFFFF);
background: linear-gradient(135deg, #F3C181, #FFFFFF);

各色を詳しく見る

#F3C181

カラーの詳細をすべて見る

white

カラーの詳細をすべて見る

関連する比較