#C60102
#EF4706
#FFA10E
#05697A
#01AAAD
Color Palette
RETROSPECTIVE
by Colorffy Team
About
Yellow
Cyan
Main Actions
#C60102
#EF4706
#FFA10E
#05697A
#01AAAD
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 |
|---|---|---|---|---|---|---|---|
| | #c60102 | rgb(77.6% 0.392% 0.784%) | hwb(360 0.39% 22%) | oklab(51.9% 0.186 0.103) | oklch(51.9% 0.213 29.1) | color(display-p3 0.711 0.148 0.101) | |
| | #ef4706 | rgb(93.7% 27.8% 2.35%) | hwb(17 2.4% 6.3%) | oklab(63.5% 0.171 0.127) | oklch(63.5% 0.213 36.5) | color(display-p3 0.866 0.331 0.156) | |
| | #ffa10e | rgb(100% 63.1% 5.49%) | hwb(37 5.5% 0%) | oklab(78.6% 0.063 0.158) | oklch(78.6% 0.17 68.1) | color(display-p3 0.948 0.648 0.24) | |
| | #05697a | rgb(1.96% 41.2% 47.8%) | hwb(190 2% 52%) | oklab(47.9% -0.069 -0.047) | oklch(47.9% 0.083 214) | color(display-p3 0.177 0.405 0.47) | |
| | #01aaad | rgb(0.392% 66.7% 67.8%) | hwb(180 0.39% 32%) | oklab(66.9% -0.109 -0.033) | oklch(66.9% 0.114 197) | color(display-p3 0.297 0.657 0.672) |
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
#C60102
AA - 6.16
Lc -83
#EF4706
Fail - 3.76
Lc -69
#FFA10E
Fail - 2.02
Lc -43
#05697A
AA - 6.34
Lc -86
#01AAAD
Fail - 2.85
Lc -59
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