Couleur nommée la plus proche · #348784
#348784
Couleur nommée la plus proche: Dark Cyan
#348784 (rgb(52 135 132), hsl(178 44% 37%), oklch(0.573 0.079 191.8)) est la plus proche de la couleur nommée Dark Cyan. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#348784
oklch(0.573 0.079 191.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 4C9390
- 619E9B
- 76AAA7
- 89B6B3
- 9DC2C0
- B0CECC
- C4DAD9
- D7E6E5
- EBF3F2
Ombres
- 2C7572
- 246360
- 1C514F
- 15413F
- 0E312F
- 072120
- 031312
- 010606
- 000101
Tons
- 3F8684
- 498683
- 528583
- 5A8582
- 618482
- 688382
- 6E8381
- 748281
- 7A8180
Harmonies de couleurs
Complémentaire +180°
- 348784
Dark Cyan
- A1646C
≈ Dark Sakura
Analogue -30° +30°
- 348784
Dark Cyan
- 49876A
≈ Herb Blend
- 3B839A
≈ Dirty Blue
Triadique +120° +240°
- 348784
Dark Cyan
- 886A9A
≈ Viola Grey
- 957041
≈ Golden Pilsner
Complémentaire divisée +150° +210°
- 348784
Dark Cyan
- 996585
≈ Rust Magenta
- A06853
≈ Verminlord Hide
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.24:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.94:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
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);
}