Gradient
Dawn
The horizon glows softly as the day begins, infused with a crisp freshness.
by Colorffy Team
About
Blue
Orange
sky
day
Main Actions
Quick actions
Explore the gradient in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #445e7b | rgb(26.7% 36.9% 48.2%) | hwb(210 27% 52%) | oklab(47.3% -0.018 -0.054) | oklch(47.3% 0.057 252) | color(display-p3 0.288 0.366 0.472) | |
| | #5d6f8b | rgb(36.5% 43.5% 54.5%) | hwb(220 36% 45%) | oklab(53.8% -0.009 -0.048) | oklch(53.8% 0.049 259) | color(display-p3 0.378 0.433 0.536) | |
| | #717f97 | rgb(44.3% 49.8% 59.2%) | hwb(220 44% 41%) | oklab(59.4% -0.006 -0.04) | oklch(59.4% 0.04 261) | color(display-p3 0.453 0.496 0.584) | |
| | #99989f | rgb(60% 59.6% 62.4%) | hwb(250 60% 38%) | oklab(68.3% 0.004 -0.009) | oklch(68.3% 0.01 293) | color(display-p3 0.599 0.596 0.621) | |
| | #c5998c | rgb(77.3% 60% 54.9%) | hwb(14 55% 23%) | oklab(72% 0.045 0.034) | oklch(72% 0.056 37.1) | color(display-p3 0.746 0.607 0.558) | |
| | #cb7f67 | rgb(79.6% 49.8% 40.4%) | hwb(14 40% 20%) | oklab(67.1% 0.079 0.063) | oklch(67.1% 0.101 38.3) | color(display-p3 0.754 0.512 0.422) | |
| | #b55243 | rgb(71% 32.2% 26.3%) | hwb(7.9 26% 29%) | oklab(56.1% 0.114 0.067) | oklch(56.1% 0.132 30.5) | color(display-p3 0.661 0.344 0.283) | |
| | #9e433a | rgb(62% 26.3% 22.7%) | hwb(5.4 23% 38%) | oklab(50.2% 0.109 0.058) | oklch(50.2% 0.123 28) | color(display-p3 0.576 0.284 0.244) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#445e7b
AA - 6.7
Lc -88
#5d6f8b
AA - 5.1
Lc -81
#717f97
Fail - 4.05
Lc -73
#99989f
Fail - 2.85
Lc -60
#c5998c
Fail - 2.52
Lc -55
#cb7f67
Fail - 3.1
Lc -63
#b55243
AA - 4.93
Lc -79
#9e433a
AA - 6.32
Lc -86
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with Protanopia
Colors preview as palette with Protanopia
UI components preview
Preview the gradient in different UI components.
32°
CPU
48°
GPU
100%
Usage
11°
Rain
70%
Storage
PWA Prompt