#8EB3FF

#8EB3FF

#FFDA8E

#FFDA8E

コントラスト比

1.56:1

Delta E

85.12

Very Different

50:50 ミックス

#D3C6C8

カラー値

フォーマット #8EB3FF #FFDA8E
HEX #8EB3FF #FFDA8E
RGB 142, 179, 255 255, 218, 142
HSL 220.4, 100.0%, 77.8% 40.4, 100.0%, 77.8%
HSV 220.4, 44.3%, 100.0% 40.4, 44.3%, 100.0%
CMYK 44.3%, 29.8%, 0.0%, 0.0% 0.0%, 14.5%, 44.3%, 0.0%
OKLCH 0.7696 0.1169 264.0 0.9031 0.103 84.5

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

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFDA8E → 背景色: #8EB3FF

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

テキスト: #8EB3FF → 背景色: #FFDA8E

色差 (Delta E)

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

グラデーション

#8EB3FF #AAB9ED #C0BFDB #D3C6C8 #E3CCB5 #F2D3A2 #FFDA8E

カラーミキシング

#8EB3FF

100%

#B5BCE4

75:25

#D3C6C8

50:50

#EBD0AC

25:75

#FFDA8E

100%

CSSグラデーションコード

background: linear-gradient(to right, #8EB3FF, #FFDA8E);
background: linear-gradient(135deg, #8EB3FF, #FFDA8E);

各色を詳しく見る

#8EB3FF

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

#FFDA8E

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

関連する比較