#48D9DA

#48D9DA

#DA4948

#DA4948

コントラスト比

2.43:1

Delta E

107.11

Very Different

50:50 ミックス

#B8998E

カラー値

フォーマット #48D9DA #DA4948
HEX #48D9DA #DA4948
RGB 72, 217, 218 218, 73, 72
HSL 180.4, 66.4%, 56.9% 0.4, 66.4%, 56.9%
HSV 180.4, 67.0%, 85.5% 0.4, 67.0%, 85.5%
CMYK 67.0%, 0.5%, 0.0%, 14.5% 0.0%, 66.5%, 67.0%, 14.5%
OKLCH 0.8106 0.1203 195.7 0.6079 0.1816 24.7

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

2.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA4948 → 背景色: #48D9DA

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

テキスト: #48D9DA → 背景色: #DA4948

色差 (Delta E)

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

グラデーション

#48D9DA #83C4C0 #A3AFA7 #B8998E #C78276 #D2685E #DA4948

カラーミキシング

#48D9DA

100%

#95BAB3

75:25

#B8998E

50:50

#CD766A

25:75

#DA4948

100%

CSSグラデーションコード

background: linear-gradient(to right, #48D9DA, #DA4948);
background: linear-gradient(135deg, #48D9DA, #DA4948);

各色を詳しく見る

#48D9DA

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

#DA4948

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

関連する比較