#33FFBD

#33FFBD

#FF3375

#FF3375

コントラスト比

2.7:1

Delta E

143.42

Very Different

50:50 ミックス

#CCAF98

カラー値

フォーマット #33FFBD #FF3375
HEX #33FFBD #FF3375
RGB 51, 255, 189 255, 51, 117
HSL 160.6, 100.0%, 60.0% 340.6, 100.0%, 60.0%
HSV 160.6, 80.0%, 100.0% 340.6, 80.0%, 100.0%
CMYK 80.0%, 0.0%, 25.9%, 0.0% 0.0%, 80.0%, 54.1%, 0.0%
OKLCH 0.8903 0.1781 164.9 0.6598 0.2366 8.4

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

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FF3375 → 背景色: #33FFBD

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

テキスト: #33FFBD → 背景色: #FF3375

色差 (Delta E)

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

グラデーション

#33FFBD #88E6B0 #B1CBA4 #CCAF98 #E1908C #F26B80 #FF3375

カラーミキシング

#33FFBD

100%

#9FD8AA

75:25

#CCAF98

50:50

#EA7F86

25:75

#FF3375

100%

CSSグラデーションコード

background: linear-gradient(to right, #33FFBD, #FF3375);
background: linear-gradient(135deg, #33FFBD, #FF3375);

各色を詳しく見る

#33FFBD

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

#FF3375

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

関連する比較