#99B6DF

#99B6DF

#DFC299

#DFC299

コントラスト比

1.22:1

Delta E

48.89

Very Different

50:50 ミックス

#C1BCBC

カラー値

フォーマット #99B6DF #DFC299
HEX #99B6DF #DFC299
RGB 153, 182, 223 223, 194, 153
HSL 215.1, 52.2%, 73.7% 35.1, 52.2%, 73.7%
HSV 215.1, 31.4%, 87.5% 35.1, 31.4%, 87.5%
CMYK 31.4%, 18.4%, 0.0%, 12.5% 0.0%, 13.0%, 31.4%, 12.5%
OKLCH 0.7691 0.0671 257.1 0.8287 0.0636 76.2

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

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

テキスト読みやすさ

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

テキスト: #DFC299 → 背景色: #99B6DF

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

テキスト: #99B6DF → 背景色: #DFC299

色差 (Delta E)

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

グラデーション

#99B6DF #A8B8D4 #B5BAC8 #C1BCBC #CCBEB1 #D6C0A5 #DFC299

カラーミキシング

#99B6DF

100%

#AFB9CE

75:25

#C1BCBC

50:50

#D1BFAB

25:75

#DFC299

100%

CSSグラデーションコード

background: linear-gradient(to right, #99B6DF, #DFC299);
background: linear-gradient(135deg, #99B6DF, #DFC299);

各色を詳しく見る

#99B6DF

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

#DFC299

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

関連する比較