Colore con nome · #3C9992
Sea
Sea è #3C9992: rgb(60 153 146), hsl(175 44% 42%), oklch(0.626 0.088 188.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Sea color name →
#3C9992
oklch(0.626 0.088 188.3)
Conversioni di colore
- HEX
- #3c9992
- RGB
- rgb(60 153 146)
- HSL
- hsl(175 44% 42%)
- HWB
- hwb(175 24% 40%)
- OKLCH
- oklch(0.626 0.088 188.3)
- OKLab
- oklab(0.626 -0.087 -0.013)
- CIE Lab
- lab(57.64 -29.81 -4.96)
- LCH
- lch(57.64 30.22 189.4)
- CMYK
- cmyk(61% 0% 5% 40%)
Tinte · Ombre · Toni
Tinte
- 54A39C
- 69ADA7
- 7DB7B2
- 90C1BC
- A2CCC7
- B5D6D2
- C7E0DD
- DAEAE8
- ECF5F4
Ombre
- 33847E
- 2A706B
- 215D58
- 194A46
- 113835
- 0A2725
- 041716
- 010808
- 000101
Toni
- 479790
- 50948E
- 58928D
- 5F8F8B
- 668D89
- 6C8A87
- 718885
- 768584
- 7B8382
Armonie di colore
Complementare +180°
- 3C9992
Sea
- B6717D
≈ Hollyhock Bloom
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.40:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.16:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.16:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--sea: #3c9992;
--sea-rgb: 60 153 146;
--sea-oklch: oklch(0.626 0.088 188.3);
}
.element {
color: var(--sea);
background-color: hsl(175 44% 42%);
border-color: oklch(0.626 0.088 188.3);
}Tailwind CSS v4
@theme {
--color-sea: #3c9992;
--color-sea-50: #dafefb;
--color-sea-100: #c8f2ee;
--color-sea-200: #a9e1dd;
--color-sea-300: #81c6c1;
--color-sea-400: #5bafa8;
--color-sea-500: #2a9991;
--color-sea-600: #27817b;
--color-sea-700: #1f6762;
--color-sea-800: #154c47;
--color-sea-900: #0e3531;
--color-sea-950: #01201d;
}SCSS
$sea: #3c9992;
$sea-rgb: 60, 153, 146;
$sea-light: mix(#fff, $sea, 20%);
$sea-dark: mix(#000, $sea, 20%);
.element {
color: $sea;
box-shadow: 0 0 0 2px rgba($sea, 0.35);
}