Cor nomeada mais próxima · #348784
#348784
Cor nomeada mais próxima: Dark Cyan
#348784 (rgb(52 135 132), hsl(178 44% 37%), oklch(0.573 0.079 191.8)) é mais próxima da cor nomeada Dark Cyan. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#348784
oklch(0.573 0.079 191.8)
Conversões de cor
- HEX
- #348784
- RGB
- rgb(52 135 132)
- HSL
- hsl(178 44% 37%)
- HWB
- hwb(178 20% 47%)
- OKLCH
- oklch(0.573 0.079 191.8)
- OKLab
- oklab(0.573 -0.078 -0.016)
- CIE Lab
- lab(51.3 -26.5 -6.28)
- LCH
- lch(51.3 27.23 193.3)
- CMYK
- cmyk(61% 0% 2% 47%)
Tons claros · Sombras · Tons
Tons claros
- 4C9390
- 619E9B
- 76AAA7
- 89B6B3
- 9DC2C0
- B0CECC
- C4DAD9
- D7E6E5
- EBF3F2
Sombras
- 2C7572
- 246360
- 1C514F
- 15413F
- 0E312F
- 072120
- 031312
- 010606
- 000101
Tons
- 3F8684
- 498683
- 528583
- 5A8582
- 618482
- 688382
- 6E8381
- 748281
- 7A8180
Harmonias de cor
Complementar +180°
- 348784
Dark Cyan
- A1646C
≈ Dark Sakura
Análoga -30° +30°
- 348784
Dark Cyan
- 49876A
≈ Herb Blend
- 3B839A
≈ Dirty Blue
Tríade +120° +240°
- 348784
Dark Cyan
- 886A9A
≈ Viola Grey
- 957041
≈ Golden Pilsner
Complementar dividida +150° +210°
- 348784
Dark Cyan
- 996585
≈ Rust Magenta
- A06853
≈ Verminlord Hide
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.24:1 · APCA Lc 69
Ag
AASobre preto
WCAG 4.94:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--dark-cyan: #348784;
--dark-cyan-rgb: 52 135 132;
--dark-cyan-oklch: oklch(0.573 0.079 191.8);
}
.element {
color: var(--dark-cyan);
background-color: hsl(178 44% 37%);
border-color: oklch(0.573 0.079 191.8);
}Tailwind CSS v4
@theme {
--color-dark-cyan: #348784;
--color-dark-cyan-50: #dcfdfc;
--color-dark-cyan-100: #caf1ef;
--color-dark-cyan-200: #ade0de;
--color-dark-cyan-300: #87c5c3;
--color-dark-cyan-400: #62aeaa;
--color-dark-cyan-500: #399793;
--color-dark-cyan-600: #32807d;
--color-dark-cyan-700: #286664;
--color-dark-cyan-800: #1b4b48;
--color-dark-cyan-900: #123432;
--color-dark-cyan-950: #04201e;
}SCSS
$dark-cyan: #348784;
$dark-cyan-rgb: 52, 135, 132;
$dark-cyan-light: mix(#fff, $dark-cyan, 20%);
$dark-cyan-dark: mix(#000, $dark-cyan, 20%);
.element {
color: $dark-cyan;
box-shadow: 0 0 0 2px rgba($dark-cyan, 0.35);
}