Colore con nome · #095859
Deep Sea Green
Deep Sea Green è #095859: rgb(9 88 89), hsl(181 82% 19%), oklch(0.419 0.068 196.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Deep Sea Green color name →
#095859
oklch(0.419 0.068 196.2)
Conversioni di colore
- HEX
- #095859
- RGB
- rgb(9 88 89)
- HSL
- hsl(181 82% 19%)
- HWB
- hwb(181 4% 65%)
- OKLCH
- oklch(0.419 0.068 196.2)
- OKLab
- oklab(0.419 -0.066 -0.019)
- CIE Lab
- lab(33.27 -22.18 -7.26)
- LCH
- lch(33.27 23.34 198.1)
- CMYK
- cmyk(90% 1% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 2C6868
- 447778
- 5C8788
- 729898
- 89A8A8
- A0B9B9
- B7CACA
- CFDCDC
- E7EDED
Ombre
- 074B4C
- 053F40
- 033334
- 022828
- 011D1D
- 011213
- 000909
- 000303
- 000000
Toni
- 1F5C5D
- 2D6061
- 396465
- 446868
- 4F6C6C
- 597070
- 637474
- 6D7878
- 767C7C
Armonie di colore
Complementare +180°
- 095859
Deep Sea Green
- 6D3C40
≈ Wild Cranberry
Analogo -30° +30°
- 095859
Deep Sea Green
- 205844
≈ Rousseau Green
- 195469
≈ Juggernaut
Triadico +120° +240°
- 095859
Deep Sea Green
- 5B4166
≈ Sunset Serenade
- 62471D
≈ Very Coffee
Complementare divisa +150° +210°
- 095859
Deep Sea Green
- 683D54
≈ Primitive Plum
- 6B402B
≈ Aloeswood
Tetradico +90° +180° +270°
- 095859
Deep Sea Green
- 4A4770
≈ Evening Fizz
- 6D3C40
≈ Wild Cranberry
- 514F1E
≈ Private Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.22:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.55:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.22:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-sea-green: #095859;
--deep-sea-green-rgb: 9 88 89;
--deep-sea-green-oklch: oklch(0.419 0.068 196.2);
}
.element {
color: var(--deep-sea-green);
background-color: hsl(181 82% 19%);
border-color: oklch(0.419 0.068 196.2);
}Tailwind CSS v4
@theme {
--color-deep-sea-green: #095859;
--color-deep-sea-green-50: #e0fcfc;
--color-deep-sea-green-100: #cfeff0;
--color-deep-sea-green-200: #b3dedf;
--color-deep-sea-green-300: #8ec3c4;
--color-deep-sea-green-400: #6cabac;
--color-deep-sea-green-500: #489495;
--color-deep-sea-green-600: #3e7d7e;
--color-deep-sea-green-700: #316465;
--color-deep-sea-green-800: #234a49;
--color-deep-sea-green-900: #173333;
--color-deep-sea-green-950: #081f1f;
}SCSS
$deep-sea-green: #095859;
$deep-sea-green-rgb: 9, 88, 89;
$deep-sea-green-light: mix(#fff, $deep-sea-green, 20%);
$deep-sea-green-dark: mix(#000, $deep-sea-green, 20%);
.element {
color: $deep-sea-green;
box-shadow: 0 0 0 2px rgba($deep-sea-green, 0.35);
}