Gradient
AI Agent
A spectrum of computational clarity.
by Colorffy Team
About
Blue
dark
space
sci-fi
ui
ai
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 |
|---|---|---|---|---|---|---|---|
| | #1a237e | rgb(10.2% 13.7% 49.4%) | hwb(230 10% 51%) | oklab(32.1% 0.001 -0.151) | oklch(32.1% 0.151 270) | color(display-p3 0.109 0.136 0.475) | |
| | #6070cc | rgb(37.6% 43.9% 80%) | hwb(230 38% 20%) | oklab(57.7% 0.009 -0.141) | oklch(57.7% 0.142 274) | color(display-p3 0.389 0.437 0.776) | |
| | #91b2fa | rgb(56.9% 69.8% 98%) | hwb(220 57% 2%) | oklab(76.7% -0.01 -0.11) | oklch(76.7% 0.11 265) | color(display-p3 0.594 0.694 0.958) |
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.
#1a237e
AAA - 13.24
#6070CC
Fail - 4.48
#91B2FA
Fail - 2.11
Contrast Level Explanations
Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.
AAA
Perfect ≥ 7:1
Easy to read for everyone, including people with visual impairments.
AA
Good ≥ 4.5:1
Meets standard requirements for most users and situations.
Fail
Poor < 4.5:1
Text may be difficult to read, especially for people with visual challenges.
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