#0DA5F2

#0DA5F2

#F25A0D

#F25A0D

대비율

1.23:1

Delta E

130.42

Very Different

50:50 혼합

#C28486

색상 값

형식 #0DA5F2 #F25A0D
HEX #0DA5F2 #F25A0D
RGB 13, 165, 242 242, 90, 13
HSL 200.2, 89.8%, 50.0% 20.2, 89.8%, 50.0%
HSV 200.2, 94.6%, 94.9% 20.2, 94.6%, 94.9%
CMYK 94.6%, 31.8%, 0.0%, 5.1% 0.0%, 62.8%, 94.6%, 5.1%
OKLCH 0.6894 0.1572 240.6 0.6611 0.2003 40.7

대비 및 접근성

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F25A0D → 배경색: #0DA5F2

다람쥐 헌 쳇바퀴에 타고파

텍스트: #0DA5F2 → 배경색: #F25A0D

색상 차이 (Delta E)

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

그라디언트

#0DA5F2 #7E9BCD #A790A9 #C28486 #D67863 #E56A3E #F25A0D

색상 혼합

#0DA5F2

100%

#9595BB

75:25

#C28486

50:50

#DE7151

25:75

#F25A0D

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #0DA5F2, #F25A0D);
background: linear-gradient(135deg, #0DA5F2, #F25A0D);

각 색상 탐색

#0DA5F2

색상 전체 정보 보기

#F25A0D

색상 전체 정보 보기

관련 비교