#BAFD83

#BAFD83

#C683FD

#C683FD

コントラスト比

2.17:1

Delta E

138.28

Very Different

50:50 ミックス

#CBC3C4

カラー値

フォーマット #BAFD83 #C683FD
HEX #BAFD83 #C683FD
RGB 186, 253, 131 198, 131, 253
HSL 93.0, 96.8%, 75.3% 273.0, 96.8%, 75.3%
HSV 93.0, 48.2%, 99.2% 273.0, 48.2%, 99.2%
CMYK 26.5%, 0.0%, 48.2%, 0.8% 21.7%, 48.2%, 0.0%, 0.8%
OKLCH 0.9231 0.1676 132.5 0.7267 0.1812 307.9

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

2.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C683FD → 背景色: #BAFD83

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

テキスト: #BAFD83 → 背景色: #C683FD

色差 (Delta E)

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

グラデーション

#BAFD83 #C3EA9B #C8D6B0 #CBC3C4 #CCAED8 #CA99EB #C683FD

カラーミキシング

#BAFD83

100%

#C6E0A6

75:25

#CBC3C4

50:50

#CBA4E1

25:75

#C683FD

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAFD83, #C683FD);
background: linear-gradient(135deg, #BAFD83, #C683FD);

各色を詳しく見る

#BAFD83

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

#C683FD

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

関連する比較