#307FCB

#307FCB

#CB7C30

#CB7C30

Contrast Ratio

1.29:1

Delta E

101.11

Very Different

50:50 Mix

#9E7D81

Color Values

Format #307FCB #CB7C30
HEX #307FCB #CB7C30
RGB 48, 127, 203 203, 124, 48
HSL 209.4, 61.8%, 49.2% 29.4, 61.8%, 49.2%
HSV 209.4, 76.4%, 79.6% 29.4, 76.4%, 79.6%
CMYK 76.4%, 37.4%, 0.0%, 20.4% 0.0%, 38.9%, 76.4%, 20.4%
OKLCH 0.5857 0.1394 250.8 0.6581 0.1319 60.4

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CB7C30 → Background: #307FCB

The quick brown fox jumps over the lazy dog

Text: #307FCB → Background: #CB7C30

Color Difference (Delta E)

101.11 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#307FCB #6A7EB2 #887D99 #9E7D81 #B07D68 #BE7C4E #CB7C30

Color Mixing

#307FCB

100%

#7B7EA6

75:25

#9E7D81

50:50

#B77C5B

25:75

#CB7C30

100%

CSS Gradient Code

background: linear-gradient(to right, #307FCB, #CB7C30);
background: linear-gradient(135deg, #307FCB, #CB7C30);

Explore Each Color

#307FCB

View full color details

#CB7C30

View full color details

Related Comparisons