#5DDBAC

#5DDBAC

#DB5D8C

#DB5D8C

コントラスト比

2.05:1

Delta E

103.29

Very Different

50:50 ミックス

#B2A49C

カラー値

フォーマット #5DDBAC #DB5D8C
HEX #5DDBAC #DB5D8C
RGB 93, 219, 172 219, 93, 140
HSL 157.6, 63.6%, 61.2% 337.6, 63.6%, 61.2%
HSV 157.6, 57.5%, 85.9% 337.6, 57.5%, 85.9%
CMYK 57.5%, 0.0%, 21.5%, 14.1% 0.0%, 57.5%, 36.1%, 14.1%
OKLCH 0.8078 0.1319 165.7 0.6495 0.1641 359.4

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

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DB5D8C → 背景色: #5DDBAC

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

テキスト: #5DDBAC → 背景色: #DB5D8C

色差 (Delta E)

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

グラデーション

#5DDBAC #84C9A7 #9EB7A1 #B2A49C #C28F97 #D07891 #DB5D8C

カラーミキシング

#5DDBAC

100%

#92C0A4

75:25

#B2A49C

50:50

#C98494

25:75

#DB5D8C

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DDBAC, #DB5D8C);
background: linear-gradient(135deg, #5DDBAC, #DB5D8C);

各色を詳しく見る

#5DDBAC

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

#DB5D8C

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

関連する比較