#5BECF4

#5BECF4

#F4635B

#F4635B

대비율

2.17:1

Delta E

106.45

Very Different

50:50 혼합

#CDAEA5

색상 값

형식 #5BECF4 #F4635B
HEX #5BECF4 #F4635B
RGB 91, 236, 244 244, 99, 91
HSL 183.1, 87.4%, 65.7% 3.1, 87.4%, 65.7%
HSV 183.1, 62.7%, 95.7% 3.1, 62.7%, 95.7%
CMYK 62.7%, 3.3%, 0.0%, 4.3% 0.0%, 59.4%, 62.7%, 4.3%
OKLCH 0.8689 0.1227 200.3 0.6824 0.18 26.1

대비 및 접근성

2.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F4635B → 배경색: #5BECF4

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5BECF4 → 배경색: #F4635B

색상 차이 (Delta E)

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

그라디언트

#5BECF4 #95D8D9 #B6C3BF #CDAEA5 #DE988B #EA7F73 #F4635B

색상 혼합

#5BECF4

100%

#A7CECC

75:25

#CDAEA5

50:50

#E58C7F

25:75

#F4635B

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5BECF4, #F4635B);
background: linear-gradient(135deg, #5BECF4, #F4635B);

각 색상 탐색

#5BECF4

색상 전체 정보 보기

#F4635B

색상 전체 정보 보기

관련 비교