Cor nomeada mais próxima · #21758A
#21758A
Cor nomeada mais próxima: Waterworld
#21758A (rgb(33 117 138), hsl(192 61% 34%), oklch(0.523 0.083 218.5)) é mais próxima da cor nomeada Waterworld. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#21758A
oklch(0.523 0.083 218.5)
Conversões de cor
- HEX
- #21758a
- RGB
- rgb(33 117 138)
- HSL
- hsl(192 61% 34%)
- HWB
- hwb(192 13% 46%)
- OKLCH
- oklch(0.523 0.083 218.5)
- OKLab
- oklab(0.523 -0.065 -0.052)
- CIE Lab
- lab(45.13 -19.88 -19.1)
- LCH
- lch(45.13 27.56 223.9)
- CMYK
- cmyk(76% 15% 0% 46%)
Tons claros · Sombras · Tons
Tons claros
- 3D8295
- 5590A1
- 6A9DAC
- 80ABB8
- 95B8C4
- AAC6CF
- BFD4DB
- D4E2E7
- E9F1F3
Sombras
- 1B6577
- 165565
- 104653
- 0B3742
- 062932
- 031C22
- 010F14
- 000507
- 000101
Tons
- 307689
- 3C7888
- 477987
- 507A86
- 597B85
- 617C84
- 697D83
- 717E82
- 797F81
Harmonias de cor
Complementar +180°
- 21758A
Waterworld
- 935845
≈ Rustic Brown
Análoga -30° +30°
- 21758A
Waterworld
- 1B7973
≈ Hydra Turquoise
- 416D98
≈ National Anthem
Tríade +120° +240°
- 21758A
Waterworld
- 89567A
≈ Plum Highness
- 766A2C
≈ Brazen Brass
Complementar dividida +150° +210°
- 21758A
Waterworld
- 935560
≈ Mesa Red
- 896030
≈ Rusty Coin
Tétrade +90° +180° +270°
- 21758A
Waterworld
- 775C8F
≈ Ghostly Purple
- 935845
≈ Rustic Brown
- 5B733D
≈ Houseplant
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.97:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--waterworld: #21758a;
--waterworld-rgb: 33 117 138;
--waterworld-oklch: oklch(0.523 0.083 218.5);
}
.element {
color: var(--waterworld);
background-color: hsl(192 61% 34%);
border-color: oklch(0.523 0.083 218.5);
}Tailwind CSS v4
@theme {
--color-waterworld: #21758a;
--color-waterworld-50: #dcfbff;
--color-waterworld-100: #caeffc;
--color-waterworld-200: #addded;
--color-waterworld-300: #87c2d5;
--color-waterworld-400: #61abc0;
--color-waterworld-500: #3893ab;
--color-waterworld-600: #317d91;
--color-waterworld-700: #276474;
--color-waterworld-800: #1a4955;
--color-waterworld-900: #11333b;
--color-waterworld-950: #031f25;
}SCSS
$waterworld: #21758a;
$waterworld-rgb: 33, 117, 138;
$waterworld-light: mix(#fff, $waterworld, 20%);
$waterworld-dark: mix(#000, $waterworld, 20%);
.element {
color: $waterworld;
box-shadow: 0 0 0 2px rgba($waterworld, 0.35);
}