#8EB9F7

#8EB9F7

#F7CC8E

#F7CC8E

コントラスト比

1.34:1

Delta E

72.74

Very Different

50:50 ミックス

#CDC2C3

カラー値

フォーマット #8EB9F7 #F7CC8E
HEX #8EB9F7 #F7CC8E
RGB 142, 185, 247 247, 204, 142
HSL 215.4, 86.8%, 76.3% 35.4, 86.8%, 76.3%
HSV 215.4, 42.5%, 96.9% 35.4, 42.5%, 96.9%
CMYK 42.5%, 25.1%, 0.0%, 3.1% 0.0%, 17.4%, 42.5%, 3.1%
OKLCH 0.7784 0.1005 257.5 0.8686 0.0926 76.2

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

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7CC8E → 背景色: #8EB9F7

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

テキスト: #8EB9F7 → 背景色: #F7CC8E

色差 (Delta E)

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

グラデーション

#8EB9F7 #A7BCE6 #BCBFD5 #CDC2C3 #DDC5B2 #EAC9A0 #F7CC8E

カラーミキシング

#8EB9F7

100%

#B2BDDD

75:25

#CDC2C3

50:50

#E4C7A9

25:75

#F7CC8E

100%

CSSグラデーションコード

background: linear-gradient(to right, #8EB9F7, #F7CC8E);
background: linear-gradient(135deg, #8EB9F7, #F7CC8E);

各色を詳しく見る

#8EB9F7

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

#F7CC8E

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

関連する比較