#7BF3B4

#7BF3B4

#F37BBA

#F37BBA

コントラスト比

1.83:1

Delta E

107.93

Very Different

50:50 ミックス

#C8BDB8

カラー値

フォーマット #7BF3B4 #F37BBA
HEX #7BF3B4 #F37BBA
RGB 123, 243, 180 243, 123, 186
HSL 148.5, 83.3%, 71.8% 328.5, 83.3%, 71.8%
HSV 148.5, 49.4%, 95.3% 328.5, 49.4%, 95.3%
CMYK 49.4%, 0.0%, 25.9%, 4.7% 0.0%, 49.4%, 23.5%, 4.7%
OKLCH 0.8778 0.1413 158.6 0.7376 0.1625 349.1

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

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F37BBA → 背景色: #7BF3B4

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

テキスト: #7BF3B4 → 背景色: #F37BBA

色差 (Delta E)

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

グラデーション

#7BF3B4 #9CE2B5 #B4D0B7 #C8BDB8 #D8AAB9 #E794B9 #F37BBA

カラーミキシング

#7BF3B4

100%

#A9D9B6

75:25

#C8BDB8

50:50

#E09FB9

25:75

#F37BBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #7BF3B4, #F37BBA);
background: linear-gradient(135deg, #7BF3B4, #F37BBA);

各色を詳しく見る

#7BF3B4

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

#F37BBA

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

関連する比較