#2DBEFF

#2DBEFF

#FF6E2D

#FF6E2D

コントラスト比

1.32:1

Delta E

123.11

Very Different

50:50 ミックス

#CD9A97

カラー値

フォーマット #2DBEFF #FF6E2D
HEX #2DBEFF #FF6E2D
RGB 45, 190, 255 255, 110, 45
HSL 198.6, 100.0%, 58.8% 18.6, 100.0%, 58.8%
HSV 198.6, 82.4%, 100.0% 18.6, 82.4%, 100.0%
CMYK 82.4%, 25.5%, 0.0%, 0.0% 0.0%, 56.9%, 82.4%, 0.0%
OKLCH 0.7571 0.1478 234.1 0.7079 0.192 41.8

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

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF6E2D → 背景色: #2DBEFF

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

テキスト: #2DBEFF → 背景色: #FF6E2D

色差 (Delta E)

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

グラデーション

#2DBEFF #88B2DC #B1A7B9 #CD9A97 #E18D75 #F27E53 #FF6E2D

カラーミキシング

#2DBEFF

100%

#9FADCA

75:25

#CD9A97

50:50

#EA8664

25:75

#FF6E2D

100%

CSSグラデーションコード

background: linear-gradient(to right, #2DBEFF, #FF6E2D);
background: linear-gradient(135deg, #2DBEFF, #FF6E2D);

各色を詳しく見る

#2DBEFF

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

#FF6E2D

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

関連する比較