Colore con nome · #4B9B93
Lagoon
Lagoon è #4B9B93: rgb(75 155 147), hsl(174 35% 45%), oklch(0.637 0.08 186.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Lagoon color name →
#4B9B93
oklch(0.637 0.08 186.8)
Conversioni di colore
- HEX
- #4b9b93
- RGB
- rgb(75 155 147)
- HSL
- hsl(174 35% 45%)
- HWB
- hwb(174 29% 39%)
- OKLCH
- oklch(0.637 0.08 186.8)
- OKLab
- oklab(0.637 -0.079 -0.009)
- CIE Lab
- lab(58.82 -27.18 -3.73)
- LCH
- lch(58.82 27.44 187.8)
- CMYK
- cmyk(52% 0% 5% 39%)
Tinte · Ombre · Toni
Tinte
- 5FA59D
- 72AFA8
- 84B9B2
- 96C2BD
- A7CCC8
- B9D6D3
- CAE1DD
- DCEBE9
- EDF5F4
Ombre
- 40867F
- 35726C
- 2B5E59
- 214B47
- 173936
- 0E2825
- 061816
- 020908
- 000101
Toni
- 539891
- 5A968F
- 60938D
- 65918B
- 6B8E89
- 6F8B88
- 748886
- 788684
- 7C8382
Armonie di colore
Complementare +180°
- 4B9B93
Lagoon
- B57783
≈ Precious Garnet
Analogo -30° +30°
- 4B9B93
Lagoon
- 619A78
≈ Memphis Green
- 4C97AB
≈ Alpine Lake
Triadico +120° +240°
- 4B9B93
Lagoon
- 987FB1
≈ Captivated
- AC8256
≈ Cool Copper
Complementare divisa +150° +210°
- 4B9B93
Lagoon
- AB799D
≈ Wonder Wish
- B67A69
≈ Happy Trails
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.27:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.40:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--lagoon: #4b9b93;
--lagoon-rgb: 75 155 147;
--lagoon-oklch: oklch(0.637 0.08 186.8);
}
.element {
color: var(--lagoon);
background-color: hsl(174 35% 45%);
border-color: oklch(0.637 0.08 186.8);
}Tailwind CSS v4
@theme {
--color-lagoon: #4b9b93;
--color-lagoon-50: #ddfdfa;
--color-lagoon-100: #cbf1ed;
--color-lagoon-200: #aee0db;
--color-lagoon-300: #87c5bf;
--color-lagoon-400: #63aea6;
--color-lagoon-500: #3b978f;
--color-lagoon-600: #348079;
--color-lagoon-700: #296661;
--color-lagoon-800: #1c4b46;
--color-lagoon-900: #133430;
--color-lagoon-950: #04201d;
}SCSS
$lagoon: #4b9b93;
$lagoon-rgb: 75, 155, 147;
$lagoon-light: mix(#fff, $lagoon, 20%);
$lagoon-dark: mix(#000, $lagoon, 20%);
.element {
color: $lagoon;
box-shadow: 0 0 0 2px rgba($lagoon, 0.35);
}