#ADE5F3

#ADE5F3

#F3BBAD

#F3BBAD

コントラスト比

1.22:1

Delta E

43.38

Very Different

50:50 ミックス

#D6D1D0

カラー値

フォーマット #ADE5F3 #F3BBAD
HEX #ADE5F3 #F3BBAD
RGB 173, 229, 243 243, 187, 173
HSL 192.0, 74.5%, 81.6% 12.0, 74.5%, 81.6%
HSV 192.0, 28.8%, 95.3% 12.0, 28.8%, 95.3%
CMYK 28.8%, 5.8%, 0.0%, 4.7% 0.0%, 23.0%, 28.8%, 4.7%
OKLCH 0.8881 0.0601 214.8 0.839 0.0681 34.4

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3BBAD → 背景色: #ADE5F3

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

テキスト: #ADE5F3 → 背景色: #F3BBAD

色差 (Delta E)

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

グラデーション

#ADE5F3 #BDDEE7 #CAD7DB #D6D1D0 #E1C9C4 #EAC2B8 #F3BBAD

カラーミキシング

#ADE5F3

100%

#C4DBE1

75:25

#D6D1D0

50:50

#E6C6BE

25:75

#F3BBAD

100%

CSSグラデーションコード

background: linear-gradient(to right, #ADE5F3, #F3BBAD);
background: linear-gradient(135deg, #ADE5F3, #F3BBAD);

各色を詳しく見る

#ADE5F3

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

#F3BBAD

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

関連する比較