#98CDDF

#98CDDF

#DFAA98

#DFAA98

コントラスト比

1.17:1

Delta E

43.54

Very Different

50:50 ミックス

#C2BCBB

カラー値

フォーマット #98CDDF #DFAA98
HEX #98CDDF #DFAA98
RGB 152, 205, 223 223, 170, 152
HSL 195.2, 52.6%, 73.5% 15.2, 52.6%, 73.5%
HSV 195.2, 31.8%, 87.5% 15.2, 31.8%, 87.5%
CMYK 31.8%, 8.1%, 0.0%, 12.5% 0.0%, 23.8%, 31.8%, 12.5%
OKLCH 0.8176 0.0604 220.9 0.7823 0.0677 39.6

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

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFAA98 → 背景色: #98CDDF

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

テキスト: #98CDDF → 背景色: #DFAA98

色差 (Delta E)

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

グラデーション

#98CDDF #A8C7D3 #B6C2C7 #C2BCBB #CDB6AF #D6B0A4 #DFAA98

カラーミキシング

#98CDDF

100%

#AFC5CD

75:25

#C2BCBB

50:50

#D2B3AA

25:75

#DFAA98

100%

CSSグラデーションコード

background: linear-gradient(to right, #98CDDF, #DFAA98);
background: linear-gradient(135deg, #98CDDF, #DFAA98);

各色を詳しく見る

#98CDDF

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

#DFAA98

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

関連する比較