#5097F2

#5097F2

#F2AB50

#F2AB50

대비율

1.52:1

Delta E

109.41

Very Different

50:50 혼합

#BEA0A4

색상 값

형식 #5097F2 #F2AB50
HEX #5097F2 #F2AB50
RGB 80, 151, 242 242, 171, 80
HSL 213.7, 86.2%, 63.1% 33.7, 86.2%, 63.1%
HSV 213.7, 66.9%, 94.9% 33.7, 66.9%, 94.9%
CMYK 66.9%, 37.6%, 0.0%, 5.1% 0.0%, 29.3%, 66.9%, 5.1%
OKLCH 0.6726 0.1533 255.6 0.7926 0.1349 70.3

대비 및 접근성

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F2AB50 → 배경색: #5097F2

다람쥐 헌 쳇바퀴에 타고파

텍스트: #5097F2 → 배경색: #F2AB50

색상 차이 (Delta E)

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

그라디언트

#5097F2 #859AD8 #A69CBE #BEA0A4 #D2A38A #E3A76E #F2AB50

색상 혼합

#5097F2

100%

#979BCB

75:25

#BEA0A4

50:50

#DBA57C

25:75

#F2AB50

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #5097F2, #F2AB50);
background: linear-gradient(135deg, #5097F2, #F2AB50);

각 색상 탐색

#5097F2

색상 전체 정보 보기

#F2AB50

색상 전체 정보 보기

관련 비교