#ADEFFE

#ADEFFE

#FEBCAD

#FEBCAD

コントラスト比

1.27:1

Delta E

50.37

Very Different

50:50 ミックス

#DED6D5

カラー値

フォーマット #ADEFFE #FEBCAD
HEX #ADEFFE #FEBCAD
RGB 173, 239, 254 254, 188, 173
HSL 191.1, 97.6%, 83.7% 11.1, 97.6%, 83.7%
HSV 191.1, 31.9%, 99.6% 11.1, 31.9%, 99.6%
CMYK 31.9%, 5.9%, 0.0%, 0.4% 0.0%, 26.0%, 31.9%, 0.4%
OKLCH 0.913 0.0689 213.3 0.852 0.0797 33.2

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEBCAD → 背景色: #ADEFFE

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

テキスト: #ADEFFE → 背景色: #FEBCAD

色差 (Delta E)

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

グラデーション

#ADEFFE #C0E7F0 #D0DFE3 #DED6D5 #EACEC8 #F5C5BA #FEBCAD

カラーミキシング

#ADEFFE

100%

#C8E3E9

75:25

#DED6D5

50:50

#EFC9C1

25:75

#FEBCAD

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADEFFE, #FEBCAD);
background: linear-gradient(135deg, #ADEFFE, #FEBCAD);

各色を詳しく見る

#ADEFFE

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

#FEBCAD

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

関連する比較