#6696F3

#6696F3

#F3C366

#F3C366

대비율

1.77:1

Delta E

105.78

Very Different

50:50 혼합

#C1ABB0

색상 값

형식 #6696F3 #F3C366
HEX #6696F3 #F3C366
RGB 102, 150, 243 243, 195, 102
HSL 219.6, 85.5%, 67.6% 39.6, 85.5%, 67.6%
HSV 219.6, 58.0%, 95.3% 39.6, 58.0%, 95.3%
CMYK 58.0%, 38.3%, 0.0%, 4.7% 0.0%, 19.8%, 58.0%, 4.7%
OKLCH 0.6811 0.1475 262.5 0.8415 0.1238 82.2

대비 및 접근성

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

텍스트 가독성

다람쥐 헌 쳇바퀴에 타고파

텍스트: #F3C366 → 배경색: #6696F3

다람쥐 헌 쳇바퀴에 타고파

텍스트: #6696F3 → 배경색: #F3C366

색상 차이 (Delta E)

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

그라디언트

#6696F3 #8F9DDD #ABA4C6 #C1ABB0 #D4B399 #E4BB80 #F3C366

색상 혼합

#6696F3

100%

#9EA0D2

75:25

#C1ABB0

50:50

#DDB78D

25:75

#F3C366

100%

CSS 그라디언트 코드

background: linear-gradient(to right, #6696F3, #F3C366);
background: linear-gradient(135deg, #6696F3, #F3C366);

각 색상 탐색

#6696F3

색상 전체 정보 보기

#F3C366

색상 전체 정보 보기

관련 비교