#93B9EC

#93B9EC

#ECC693

#ECC693

コントラスト比

1.26:1

Delta E

60.97

Very Different

50:50 ミックス

#C8BFC0

カラー値

フォーマット #93B9EC #ECC693
HEX #93B9EC #ECC693
RGB 147, 185, 236 236, 198, 147
HSL 214.4, 70.1%, 75.1% 34.4, 70.1%, 75.1%
HSV 214.4, 37.7%, 92.5% 34.4, 37.7%, 92.5%
CMYK 37.7%, 21.6%, 0.0%, 7.5% 0.0%, 16.1%, 37.7%, 7.5%
OKLCH 0.7768 0.0842 255.9 0.8475 0.0791 74.6

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECC693 → 背景色: #93B9EC

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

テキスト: #93B9EC → 背景色: #ECC693

色差 (Delta E)

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

グラデーション

#93B9EC #A7BBDD #B9BDCF #C8BFC0 #D5C1B1 #E1C4A2 #ECC693

カラーミキシング

#93B9EC

100%

#B0BCD6

75:25

#C8BFC0

50:50

#DBC3AA

25:75

#ECC693

100%

CSSグラデーションコード

background: linear-gradient(to right, #93B9EC, #ECC693);
background: linear-gradient(135deg, #93B9EC, #ECC693);

各色を詳しく見る

#93B9EC

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

#ECC693

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

関連する比較