Couleur nommée · #032425
Teal Spill
Teal Spill correspond à #032425 : rgb(3 36 37), hsl(182 85% 8%), oklch(0.238 0.037 197.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Teal Spill color name →
#032425
oklch(0.238 0.037 197.9)
Conversions de couleur
- HEX
- #032425
- RGB
- rgb(3 36 37)
- HSL
- hsl(182 85% 8%)
- HWB
- hwb(182 1% 85%)
- OKLCH
- oklch(0.238 0.037 197.9)
- OKLab
- oklab(0.238 -0.036 -0.011)
- CIE Lab
- lab(11.94 -11.98 -4.34)
- LCH
- lch(11.94 12.74 199.9)
- CMYK
- cmyk(92% 3% 0% 85%)
Teintes · Ombres · Tons
Teintes
- 1B3737
- 324A4B
- 495F5F
- 617474
- 79898A
- 93A0A0
- ADB7B7
- C8CECF
- E3E6E7
Ombres
- 021E1F
- 021819
- 011213
- 010C0D
- 000708
- 000404
- 000202
- 000000
- 000000
Tons
- 102C2D
- 1D3536
- 293E3E
- 354747
- 415050
- 4D595A
- 5A6363
- 666C6C
- 737676
Harmonies de couleurs
Complémentaire +180°
- 032425
Teal Spill
- 2E1718
≈ Darkroom
Analogue -30° +30°
- 032425
Teal Spill
- 09241B
≈ Deep Slate Green
- 08222D
≈ Crow Feather
Triadique +120° +240°
- 032425
Teal Spill
- 26192A
≈ Black Cherry
- 281C08
≈ Brunneophobia
Complémentaire divisée +150° +210°
- 032425
Teal Spill
- 2C1722
≈ Black Cherry
- 2D190E
≈ Brunneophobia
Tétradique +90° +180° +270°
- 032425
Teal Spill
- 1E1C2F
≈ Black Howl
- 2E1718
≈ Darkroom
- 202009
≈ Black Mesa
Contraste et accessibilité
Ag
AAASur blanc
WCAG 16.36:1 · APCA Lc 103
Ag
FailSur noir
WCAG 1.28:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 16.36:1 (AAA) · APCA Lc 103
Contrast pairs
Extraits de code
CSS
:root {
--teal-spill: #032425;
--teal-spill-rgb: 3 36 37;
--teal-spill-oklch: oklch(0.238 0.037 197.9);
}
.element {
color: var(--teal-spill);
background-color: hsl(182 85% 8%);
border-color: oklch(0.238 0.037 197.9);
}Tailwind CSS v4
@theme {
--color-teal-spill: #032425;
--color-teal-spill-50: #eaf9f9;
--color-teal-spill-100: #daeced;
--color-teal-spill-200: #c3d9da;
--color-teal-spill-300: #a2bebf;
--color-teal-spill-400: #85a6a6;
--color-teal-spill-500: #698e8f;
--color-teal-spill-600: #597879;
--color-teal-spill-700: #476061;
--color-teal-spill-800: #334747;
--color-teal-spill-900: #233131;
--color-teal-spill-950: #121d1d;
}SCSS
$teal-spill: #032425;
$teal-spill-rgb: 3, 36, 37;
$teal-spill-light: mix(#fff, $teal-spill, 20%);
$teal-spill-dark: mix(#000, $teal-spill, 20%);
.element {
color: $teal-spill;
box-shadow: 0 0 0 2px rgba($teal-spill, 0.35);
}