Cor nomeada mais próxima · #005BD9
#005BD9
Cor nomeada mais próxima: Frosted Blueberries
#005BD9 (rgb(0 91 217), hsl(215 100% 43%), oklch(0.509 0.207 259.9)) é mais próxima da cor nomeada Frosted Blueberries. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#005BD9
oklch(0.509 0.207 259.9)
Conversões de cor
- HEX
- #005bd9
- RGB
- rgb(0 91 217)
- HSL
- hsl(215 100% 43%)
- HWB
- hwb(215 0% 15%)
- OKLCH
- oklch(0.509 0.207 259.9)
- OKLab
- oklab(0.509 -0.036 -0.204)
- CIE Lab
- lab(40.75 17.93 -72.04)
- LCH
- lch(40.75 74.24 284)
- CMYK
- cmyk(100% 58% 0% 15%)
Tons claros · Sombras · Tons
Tons claros
- 286EDF
- 427FE4
- 5A90E9
- 71A0ED
- 89B0F1
- A0C0F5
- B7D0F8
- CFE0FB
- E7EFFD
Sombras
- 004EBC
- 0041A1
- 003586
- 00296C
- 001E53
- 00133B
- 000925
- 000311
- 000002
Tons
- 1A61D1
- 2A66C9
- 376BC0
- 436FB8
- 4E73AF
- 5976A6
- 63799D
- 6D7C94
- 767E8A
Harmonias de cor
Complementar +180°
- 005BD9
Frosted Blueberries
- 855E00
≈ Soil of Avagddu
Análoga -30° +30°
- 005BD9
Frosted Blueberries
- 007094
≈ Tropic Sea
- 6A42D1
≈ Dragonlord Purple
Tríade +120° +240°
- 005BD9
Frosted Blueberries
- BF0031
≈ Crimson Glory
- 237B00
≈ Botanical Beauty
Complementar dividida +150° +210°
- 005BD9
Frosted Blueberries
- A04900
≈ Oregon
- 6A6B00
≈ Brownish Green
Tétrade +90° +180° +270°
- 005BD9
Frosted Blueberries
- B30D76
≈ King’s Plum Pie
- 855E00
≈ Soil of Avagddu
- 00785D
≈ Emerald Dream
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.00:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.49:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--frosted-blueberries: #005bd9;
--frosted-blueberries-rgb: 0 91 217;
--frosted-blueberries-oklch: oklch(0.509 0.207 259.9);
}
.element {
color: var(--frosted-blueberries);
background-color: hsl(215 100% 43%);
border-color: oklch(0.509 0.207 259.9);
}Tailwind CSS v4
@theme {
--color-frosted-blueberries: #005bd9;
--color-frosted-blueberries-50: #d5f6ff;
--color-frosted-blueberries-100: #c2e9ff;
--color-frosted-blueberries-200: #a3d4ff;
--color-frosted-blueberries-300: #7bb5ff;
--color-frosted-blueberries-400: #4f9aff;
--color-frosted-blueberries-500: #217cff;
--color-frosted-blueberries-600: #1e6ae1;
--color-frosted-blueberries-700: #1855b5;
--color-frosted-blueberries-800: #053e88;
--color-frosted-blueberries-900: #042b60;
--color-frosted-blueberries-950: #001842;
}SCSS
$frosted-blueberries: #005bd9;
$frosted-blueberries-rgb: 0, 91, 217;
$frosted-blueberries-light: mix(#fff, $frosted-blueberries, 20%);
$frosted-blueberries-dark: mix(#000, $frosted-blueberries, 20%);
.element {
color: $frosted-blueberries;
box-shadow: 0 0 0 2px rgba($frosted-blueberries, 0.35);
}