#19192A
#8A8E9C
#E5E8ED
#C07708
#632F0B
Featured
Color Palette
Altars
by Colorffy Team
About
Blue
Grey
Brown
traditions
Main Actions
#19192A
#8A8E9C
#E5E8ED
#C07708
#632F0B
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #19192a | rgb(9.8% 9.8% 16.5%) | hwb(240 9.8% 84%) | oklab(22.2% 0.008 -0.032) | oklch(22.2% 0.033 283) | color(display-p3 0.098 0.098 0.16) | |
| | #8a8e9c | rgb(54.1% 55.7% 61.2%) | hwb(230 54% 39%) | oklab(64.8% 0.001 -0.021) | oklch(64.8% 0.021 273) | color(display-p3 0.544 0.556 0.607) | |
| | #e5e8ed | rgb(89.8% 91% 92.9%) | hwb(220 90% 7.1%) | oklab(93% -0.001 -0.007) | oklch(93% 0.007 261) | color(display-p3 0.9 0.909 0.927) | |
| | #c07708 | rgb(75.3% 46.7% 3.14%) | hwb(36 3.1% 25%) | oklab(63.3% 0.053 0.127) | oklch(63.3% 0.138 67.4) | color(display-p3 0.713 0.48 0.17) | |
| | #632f0b | rgb(38.8% 18.4% 4.31%) | hwb(25 4.3% 61%) | oklab(36.9% 0.056 0.068) | oklch(36.9% 0.088 50.3) | color(display-p3 0.362 0.195 0.08) |
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
#19192A
AAA - 17.3
Lc -106
#8A8E9C
Fail - 3.26
Lc -65
#E5E8ED
Fail - 1.22
Lc -13
#C07708
Fail - 3.56
Lc -68
#632F0B
AAA - 10.81
Lc -99
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 palette in different UI components.
PWA Prompt