#4B9EEE

#4B9EEE

#EE9B4B

#EE9B4B

コントラスト比

1.27:1

Delta E

103.98

Very Different

50:50 ミックス

#BB9C9F

カラー値

フォーマット #4B9EEE #EE9B4B
HEX #4B9EEE #EE9B4B
RGB 75, 158, 238 238, 155, 75
HSL 209.4, 82.7%, 61.4% 29.4, 82.7%, 61.4%
HSV 209.4, 68.5%, 93.3% 29.4, 68.5%, 93.3%
CMYK 68.5%, 33.6%, 0.0%, 6.7% 0.0%, 34.9%, 68.5%, 6.7%
OKLCH 0.6838 0.1435 250.0 0.7585 0.1371 62.0

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EE9B4B → 背景色: #4B9EEE

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

テキスト: #4B9EEE → 背景色: #EE9B4B

色差 (Delta E)

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

グラデーション

#4B9EEE #829DD3 #A39DB9 #BB9C9F #CF9C84 #E09B69 #EE9B4B

カラーミキシング

#4B9EEE

100%

#949DC6

75:25

#BB9C9F

50:50

#D89B77

25:75

#EE9B4B

100%

CSSグラデーションコード

background: linear-gradient(to right, #4B9EEE, #EE9B4B);
background: linear-gradient(135deg, #4B9EEE, #EE9B4B);

各色を詳しく見る

#4B9EEE

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

#EE9B4B

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

関連する比較