#54BDF2

#54BDF2

#F28954

#F28954

대비율

1.17:1

Delta E

94.88

Very Different

50:50 혼합

#C3A5A3

색상 값

형식 #54BDF2 #F28954
HEX #54BDF2 #F28954
RGB 84, 189, 242 242, 137, 84
HSL 200.1, 85.9%, 63.9% 20.1, 85.9%, 63.9%
HSV 200.1, 65.3%, 94.9% 20.1, 65.3%, 94.9%
CMYK 65.3%, 21.9%, 0.0%, 5.1% 0.0%, 43.4%, 65.3%, 5.1%
OKLCH 0.7583 0.1226 233.7 0.7339 0.1451 46.3

대비 및 접근성

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F28954 → 배경색: #54BDF2

다람쥐 헌 쳇바퀴에 타고파

텍스트: #54BDF2 → 배경색: #F28954

색상 차이 (Delta E)

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

그라디언트

#54BDF2 #8AB5D7 #ABADBD #C3A5A3 #D59C89 #E5936F #F28954

색상 혼합

#54BDF2

100%

#9CB1CA

75:25

#C3A5A3

50:50

#DD977C

25:75

#F28954

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #54BDF2, #F28954);
background: linear-gradient(135deg, #54BDF2, #F28954);

각 색상 탐색

#54BDF2

색상 전체 정보 보기

#F28954

색상 전체 정보 보기

관련 비교