Gradient
Waterproof
by Colorffy Team
About
Blue
water
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 |
|---|---|---|---|---|---|---|---|
| | #063f66 | rgb(2.35% 24.7% 40%) | hwb(200 2.4% 60%) | oklab(35.6% -0.036 -0.079) | oklch(35.6% 0.086 246) | color(display-p3 0.102 0.243 0.388) | |
| | #095a91 | rgb(3.53% 35.3% 56.9%) | hwb(200 3.5% 43%) | oklab(45.4% -0.045 -0.104) | oklch(45.4% 0.113 246) | color(display-p3 0.153 0.347 0.552) | |
| | #0b74bb | rgb(4.31% 45.5% 73.3%) | hwb(200 4.3% 27%) | oklab(54.3% -0.055 -0.128) | oklch(54.3% 0.139 247) | color(display-p3 0.202 0.448 0.712) | |
| | #0e8fe6 | rgb(5.49% 56.1% 90.2%) | hwb(200 5.5% 9.8%) | oklab(63.2% -0.063 -0.15) | oklch(63.2% 0.163 247) | color(display-p3 0.254 0.552 0.876) |
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
#063f66
AAA - 10.99
Lc -99
#095a91
AAA - 7.28
Lc -90
#0b74bb
AA - 4.96
Lc -79
#0e8fe6
Fail - 3.44
Lc -67
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