#0b012e
#140259
#1e0383
#2804ae
#3205d8
Color Palette
Ultramarine Shades
by Colorffy Team
About
Blue
water
nature
Main Actions
#0b012e
#140259
#1e0383
#2804ae
#3205d8
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 |
|---|---|---|---|---|---|---|---|
| | #0b012e | rgb(4.31% 0.392% 18%) | hwb(250 0.39% 82%) | oklab(15.4% 0.02 -0.084) | oklch(15.4% 0.086 284) | color(display-p3 0.036 0.005 0.172) | |
| | #140259 | rgb(7.84% 0.784% 34.9%) | hwb(250 0.78% 65%) | oklab(22.6% 0.016 -0.135) | oklch(22.6% 0.136 277) | color(display-p3 0.069 0.011 0.334) | |
| | #1e0383 | rgb(11.8% 1.18% 51.4%) | hwb(250 1.2% 49%) | oklab(29.3% 0.015 -0.181) | oklch(29.3% 0.181 275) | color(display-p3 0.105 0.017 0.492) | |
| | #2804ae | rgb(15.7% 1.57% 68.2%) | hwb(250 1.6% 32%) | oklab(35.7% 0.014 -0.224) | oklch(35.7% 0.224 274) | color(display-p3 0.141 0.024 0.654) | |
| | #3205d8 | rgb(19.6% 1.96% 84.7%) | hwb(250 2% 15%) | oklab(41.8% 0.014 -0.264) | oklch(41.8% 0.265 273) | color(display-p3 0.177 0.033 0.813) |
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
#0b012e
AAA - 19.84
Lc -107
#140259
AAA - 17.75
Lc -106
#1e0383
AAA - 15.04
Lc -103
#2804ae
AAA - 12.21
Lc -99
#3205d8
AAA - 9.77
Lc -94
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