#DCFFBA

#DCFFBA

#DDBAFF

#DDBAFF

コントラスト比

1.52:1

Delta E

77.53

Very Different

50:50 ミックス

#E0DDDE

カラー値

フォーマット #DCFFBA #DDBAFF
HEX #DCFFBA #DDBAFF
RGB 220, 255, 186 221, 186, 255
HSL 90.4, 100.0%, 86.5% 270.4, 100.0%, 86.5%
HSV 90.4, 27.1%, 100.0% 270.4, 27.1%, 100.0%
CMYK 13.7%, 0.0%, 27.1%, 0.0% 13.3%, 27.1%, 0.0%, 0.0%
OKLCH 0.9583 0.0967 129.9 0.8424 0.1011 307.4

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DDBAFF → 背景色: #DCFFBA

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

テキスト: #DCFFBA → 背景色: #DDBAFF

色差 (Delta E)

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

グラデーション

#DCFFBA #DEF4C6 #DFE8D2 #E0DDDE #E0D1E9 #DFC6F4 #DDBAFF

カラーミキシング

#DCFFBA

100%

#DFEECC

75:25

#E0DDDE

50:50

#DFCCEF

25:75

#DDBAFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCFFBA, #DDBAFF);
background: linear-gradient(135deg, #DCFFBA, #DDBAFF);

各色を詳しく見る

#DCFFBA

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

#DDBAFF

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

関連する比較