#33DBFF

#33DBFF

#FF5733

#FF5733

コントラスト比

1.91:1

Delta E

125.72

Very Different

50:50 ミックス

#D2A297

カラー値

フォーマット #33DBFF #FF5733
HEX #33DBFF #FF5733
RGB 51, 219, 255 255, 87, 51
HSL 190.6, 100.0%, 60.0% 10.6, 100.0%, 60.0%
HSV 190.6, 80.0%, 100.0% 10.6, 80.0%, 100.0%
CMYK 80.0%, 14.1%, 0.0%, 0.0% 0.0%, 65.9%, 80.0%, 0.0%
OKLCH 0.8249 0.1376 216.6 0.6804 0.21 33.7

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

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF5733 → 背景色: #33DBFF

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

テキスト: #33DBFF → 背景色: #FF5733

色差 (Delta E)

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

グラデーション

#33DBFF #8EC9DC #B7B6B9 #D2A297 #E58C76 #F47455 #FF5733

カラーミキシング

#33DBFF

100%

#A5BFCA

75:25

#D2A297

50:50

#ED8165

25:75

#FF5733

100%

CSSグラデーションコード

background: linear-gradient(to right, #33DBFF, #FF5733);
background: linear-gradient(135deg, #33DBFF, #FF5733);

各色を詳しく見る

#33DBFF

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

#FF5733

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

関連する比較