Colore con nome · #358082
Green Blue Slate
Green Blue Slate è #358082: rgb(53 128 130), hsl(182 42% 36%), oklch(0.554 0.073 197.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Blue Slate color name →
#358082
oklch(0.554 0.073 197.7)
Conversioni di colore
- HEX
- #358082
- RGB
- rgb(53 128 130)
- HSL
- hsl(182 42% 36%)
- HWB
- hwb(182 21% 49%)
- OKLCH
- oklch(0.554 0.073 197.7)
- OKLab
- oklab(0.554 -0.07 -0.022)
- CIE Lab
- lab(49.03 -23.54 -8.46)
- LCH
- lch(49.03 25.01 199.8)
- CMYK
- cmyk(59% 2% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 4C8C8E
- 61999A
- 75A5A6
- 88B1B2
- 9CBEBF
- B0CBCB
- C3D8D8
- D7E5E5
- EBF2F2
Ombre
- 2D6E70
- 255D5F
- 1D4D4E
- 153D3E
- 0E2E2F
- 081F20
- 031212
- 010606
- 000101
Toni
- 408082
- 498082
- 518081
- 598081
- 608081
- 678081
- 6E8081
- 748080
- 7A8080
Armonie di colore
Complementare +180°
- 358082
Green Blue Slate
- 996163
≈ Abra Cadabra
Analogo -30° +30°
- 358082
Green Blue Slate
- 44816A
≈ Shǔi Cǎo Lǜ Green
- 3F7B95
≈ Blue Rodeo
Triadico +120° +240°
- 358082
Green Blue Slate
- 85658F
≈ Mirabella
- 8B6D3F
≈ Ground Cumin
Complementare divisa +150° +210°
- 358082
Green Blue Slate
- 93617B
≈ Forest Berry
- 96654D
≈ Rustic Earth
Tetradico +90° +180° +270°
- 358082
Green Blue Slate
- 706C9C
≈ Thirsty Thursday
- 996163
≈ Abra Cadabra
- 777641
≈ Gunmetal Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.60:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.56:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--green-blue-slate: #358082;
--green-blue-slate-rgb: 53 128 130;
--green-blue-slate-oklch: oklch(0.554 0.073 197.7);
}
.element {
color: var(--green-blue-slate);
background-color: hsl(182 42% 36%);
border-color: oklch(0.554 0.073 197.7);
}Tailwind CSS v4
@theme {
--color-green-blue-slate: #358082;
--color-green-blue-slate-50: #defcfd;
--color-green-blue-slate-100: #cdf0f1;
--color-green-blue-slate-200: #b0dee0;
--color-green-blue-slate-300: #8ac3c6;
--color-green-blue-slate-400: #67acae;
--color-green-blue-slate-500: #419597;
--color-green-blue-slate-600: #387e80;
--color-green-blue-slate-700: #2d6566;
--color-green-blue-slate-800: #1f4a4a;
--color-green-blue-slate-900: #153434;
--color-green-blue-slate-950: #061f1f;
}SCSS
$green-blue-slate: #358082;
$green-blue-slate-rgb: 53, 128, 130;
$green-blue-slate-light: mix(#fff, $green-blue-slate, 20%);
$green-blue-slate-dark: mix(#000, $green-blue-slate, 20%);
.element {
color: $green-blue-slate;
box-shadow: 0 0 0 2px rgba($green-blue-slate, 0.35);
}