#5ABCCC

#5ABCCC

#CC6A5A

#CC6A5A

대비율

1.64:1

Delta E

76.74

Very Different

50:50 혼합

#A99692

색상 값

형식 #5ABCCC #CC6A5A
HEX #5ABCCC #CC6A5A
RGB 90, 188, 204 204, 106, 90
HSL 188.4, 52.8%, 57.6% 8.4, 52.8%, 57.6%
HSV 188.4, 55.9%, 80.0% 8.4, 55.9%, 80.0%
CMYK 55.9%, 7.8%, 0.0%, 20.0% 0.0%, 48.0%, 55.9%, 20.0%
OKLCH 0.7425 0.0942 209.5 0.6346 0.1274 30.6

대비 및 접근성

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #CC6A5A → 배경색: #5ABCCC

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5ABCCC → 배경색: #CC6A5A

색상 차이 (Delta E)

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

그라디언트

#5ABCCC #7FB0B8 #97A3A5 #A99692 #B8887F #C37A6C #CC6A5A

색상 혼합

#5ABCCC

100%

#8CA9AE

75:25

#A99692

50:50

#BD8175

25:75

#CC6A5A

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5ABCCC, #CC6A5A);
background: linear-gradient(135deg, #5ABCCC, #CC6A5A);

각 색상 탐색

#5ABCCC

색상 전체 정보 보기

#CC6A5A

색상 전체 정보 보기

관련 비교