Cor nomeada mais próxima · #83BED8
#83BED8
Cor nomeada mais próxima: Juvie
#83BED8 (rgb(131 190 216), hsl(198 52% 68%), oklch(0.77 0.071 227.3)) é mais próxima da cor nomeada Juvie. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#83BED8
oklch(0.77 0.071 227.3)
Conversões de cor
- HEX
- #83bed8
- RGB
- rgb(131 190 216)
- HSL
- hsl(198 52% 68%)
- HWB
- hwb(198 51% 15%)
- OKLCH
- oklch(0.77 0.071 227.3)
- OKLab
- oklab(0.77 -0.048 -0.052)
- CIE Lab
- lab(73.63 -14.82 -19.49)
- LCH
- lch(73.63 24.48 232.7)
- CMYK
- cmyk(39% 12% 0% 15%)
Tons claros · Sombras · Tons
Tons claros
- 90C5DC
- 9CCBE0
- A9D2E4
- B5D8E8
- C2DEEC
- CEE5F0
- DAEBF4
- E6F2F7
- F3F8FB
Sombras
- 71A5BC
- 608CA0
- 4F7585
- 3F5E6B
- 2F4853
- 20333B
- 121F25
- 060D11
- 010202
Tons
- 83B8CF
- 84B1C6
- 84ABBD
- 84A5B4
- 839FAB
- 8399A2
- 82929A
- 828C91
- 818689
Harmonias de cor
Complementar +180°
- 83BED8
Juvie
- DBA78D
≈ North Rim
Análoga -30° +30°
- 83BED8
Juvie
- 7CC3C4
≈ Celestine
- 98B6E2
≈ Honest
Tríade +120° +240°
- 83BED8
Juvie
- D7A2BD
≈ Enhance
- B9B883
≈ Aloe Plant
Complementar dividida +150° +210°
- 83BED8
Juvie
- DEA2A4
≈ Pastel Pink
- CEAF81
≈ Saxophone Gold
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.03:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.32:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--juvie: #83bed8;
--juvie-rgb: 131 190 216;
--juvie-oklch: oklch(0.77 0.071 227.3);
}
.element {
color: var(--juvie);
background-color: hsl(198 52% 68%);
border-color: oklch(0.77 0.071 227.3);
}Tailwind CSS v4
@theme {
--color-juvie: #83bed8;
--color-juvie-50: #e1faff;
--color-juvie-100: #d1edfb;
--color-juvie-200: #b6dbed;
--color-juvie-300: #92bfd5;
--color-juvie-400: #70a7bf;
--color-juvie-500: #4e90ab;
--color-juvie-600: #437a91;
--color-juvie-700: #366174;
--color-juvie-800: #254855;
--color-juvie-900: #19323b;
--color-juvie-950: #091d25;
}SCSS
$juvie: #83bed8;
$juvie-rgb: 131, 190, 216;
$juvie-light: mix(#fff, $juvie, 20%);
$juvie-dark: mix(#000, $juvie, 20%);
.element {
color: $juvie;
box-shadow: 0 0 0 2px rgba($juvie, 0.35);
}