#98BCDF

#98BCDF

#DFBB98

#DFBB98

コントラスト比

1.1:1

Delta E

45.65

Very Different

50:50 ミックス

#C1BBBC

カラー値

フォーマット #98BCDF #DFBB98
HEX #98BCDF #DFBB98
RGB 152, 188, 223 223, 187, 152
HSL 209.6, 52.6%, 73.5% 29.6, 52.6%, 73.5%
HSV 209.6, 31.8%, 87.5% 29.6, 31.8%, 87.5%
CMYK 31.8%, 15.7%, 0.0%, 12.5% 0.0%, 16.1%, 31.8%, 12.5%
OKLCH 0.7811 0.0635 247.9 0.8148 0.0626 66.0

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

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBB98 → 背景色: #98BCDF

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

テキスト: #98BCDF → 背景色: #DFBB98

色差 (Delta E)

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

グラデーション

#98BCDF #A7BCD3 #B5BCC7 #C1BBBC #CCBBB0 #D6BBA4 #DFBB98

カラーミキシング

#98BCDF

100%

#AEBCCD

75:25

#C1BBBC

50:50

#D1BBAA

25:75

#DFBB98

100%

CSSグラデーションコード

background: linear-gradient(to right, #98BCDF, #DFBB98);
background: linear-gradient(135deg, #98BCDF, #DFBB98);

各色を詳しく見る

#98BCDF

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

#DFBB98

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

関連する比較