#668DDB

#668DDB

#DBB466

#DBB466

コントラスト比

1.68:1

Delta E

90.25

Very Different

50:50 ミックス

#B09FA3

カラー値

フォーマット #668DDB #DBB466
HEX #668DDB #DBB466
RGB 102, 141, 219 219, 180, 102
HSL 220.0, 61.9%, 62.9% 40.0, 61.9%, 62.9%
HSV 220.0, 53.4%, 85.9% 40.0, 53.4%, 85.9%
CMYK 53.4%, 35.6%, 0.0%, 14.1% 0.0%, 17.8%, 53.4%, 14.1%
OKLCH 0.649 0.1251 263.2 0.7884 0.1069 83.4

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

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DBB466 → 背景色: #668DDB

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

テキスト: #668DDB → 背景色: #DBB466

色差 (Delta E)

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

グラデーション

#668DDB #8693C8 #9D99B6 #B09FA3 #C0A690 #CEAD7B #DBB466

カラーミキシング

#668DDB

100%

#9296BF

75:25

#B09FA3

50:50

#C7A986

25:75

#DBB466

100%

CSSグラデーションコード

background: linear-gradient(to right, #668DDB, #DBB466);
background: linear-gradient(135deg, #668DDB, #DBB466);

各色を詳しく見る

#668DDB

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

#DBB466

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

関連する比較