#5DADFF

#5DADFF

#FFAF5D

#FFAF5D

대비율

1.3:1

Delta E

103.45

Very Different

50:50 혼합

#CAADB0

색상 값

형식 #5DADFF #FFAF5D
HEX #5DADFF #FFAF5D
RGB 93, 173, 255 255, 175, 93
HSL 210.4, 100.0%, 68.2% 30.4, 100.0%, 68.2%
HSV 210.4, 63.5%, 100.0% 30.4, 63.5%, 100.0%
CMYK 63.5%, 32.2%, 0.0%, 0.0% 0.0%, 31.4%, 63.5%, 0.0%
OKLCH 0.7323 0.1434 250.9 0.8158 0.1354 64.5

대비 및 접근성

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #FFAF5D → 배경색: #5DADFF

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5DADFF → 배경색: #FFAF5D

색상 차이 (Delta E)

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

그라디언트

#5DADFF #90ADE5 #B1ADCA #CAADB0 #DEAE95 #F0AE7A #FFAF5D

색상 혼합

#5DADFF

100%

#A2ADD7

75:25

#CAADB0

50:50

#E7AE88

25:75

#FFAF5D

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5DADFF, #FFAF5D);
background: linear-gradient(135deg, #5DADFF, #FFAF5D);

각 색상 탐색

#5DADFF

색상 전체 정보 보기

#FFAF5D

색상 전체 정보 보기

관련 비교