#5DFFFF

#5DFFFF

#FF5D5D

#FF5D5D

대비율

2.47:1

Delta E

116.75

Very Different

50:50 혼합

#D8B7AB

색상 값

형식 #5DFFFF #FF5D5D
HEX #5DFFFF #FF5D5D
RGB 93, 255, 255 255, 93, 93
HSL 180.0, 100.0%, 68.2% 0.0, 100.0%, 68.2%
HSV 180.0, 63.5%, 100.0% 0.0, 63.5%, 100.0%
CMYK 63.5%, 0.0%, 0.0%, 0.0% 0.0%, 63.5%, 63.5%, 0.0%
OKLCH 0.9169 0.1329 195.1 0.6922 0.1976 23.8

대비 및 접근성

2.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #FF5D5D → 배경색: #5DFFFF

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5DFFFF → 배경색: #FF5D5D

색상 차이 (Delta E)

116.75 Very Different
0 — 동일 5 — 유사 25 — 눈에 띄는 차이 100 — 매우 다름

그라디언트

#5DFFFF #9DE8E2 #C0D0C6 #D8B7AB #E99C90 #F67F76 #FF5D5D

색상 혼합

#5DFFFF

100%

#B0DCD4

75:25

#D8B7AB

50:50

#F08E83

25:75

#FF5D5D

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5DFFFF, #FF5D5D);
background: linear-gradient(135deg, #5DFFFF, #FF5D5D);

각 색상 탐색

#5DFFFF

색상 전체 정보 보기

#FF5D5D

색상 전체 정보 보기

관련 비교