Colore con nome · #00C4B0
Amazonite
Amazonite è #00C4B0: rgb(0 196 176), hsl(174 100% 38%), oklch(0.736 0.132 182.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Amazonite color name →
#00C4B0
oklch(0.736 0.132 182.1)
Conversioni di colore
- HEX
- #00c4b0
- RGB
- rgb(0 196 176)
- HSL
- hsl(174 100% 38%)
- HWB
- hwb(174 0% 23%)
- OKLCH
- oklch(0.736 0.132 182.1)
- OKLab
- oklab(0.736 -0.132 -0.005)
- CIE Lab
- lab(71.01 -46.05 -2.18)
- LCH
- lch(71.01 46.1 182.7)
- CMYK
- cmyk(100% 0% 10% 23%)
Tinte · Ombre · Toni
Tinte
- 42CAB8
- 61D0BF
- 79D6C7
- 8FDCCF
- A3E2D7
- B7E8DF
- C9EEE7
- DBF4EF
- EDF9F7
Ombre
- 00AA99
- 009182
- 00786C
- 006156
- 004A42
- 00352E
- 00211C
- 000E0B
- 000201
Toni
- 30BDAB
- 44B6A6
- 51B0A1
- 5CA99C
- 65A298
- 6C9B93
- 72958E
- 778E89
- 7C8785
Armonie di colore
Complementare +180°
- 00C4B0
Amazonite
- ED84A3
≈ Aurora Pink
Analogo -30° +30°
- 00C4B0
Amazonite
- 62C180
≈ Verdigris Coloured
- 00BED8
≈ Caribbean Blue
Triadico +120° +240°
- 00C4B0
Amazonite
- B994EE
≈ Bright Lavender
- E49549
≈ Yellow Sumac
Complementare divisa +150° +210°
- 00C4B0
Amazonite
- DA89CE
≈ Pink Punk
- F18874
≈ Corralize
Tetradico +90° +180° +270°
- 00C4B0
Amazonite
- 8DA3FC
≈ Cold Lips
- ED84A3
≈ Aurora Pink
- C7A636
≈ Aru Ressha
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.52:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--amazonite: #00c4b0;
--amazonite-rgb: 0 196 176;
--amazonite-oklch: oklch(0.736 0.132 182.1);
}
.element {
color: var(--amazonite);
background-color: hsl(174 100% 38%);
border-color: oklch(0.736 0.132 182.1);
}Tailwind CSS v4
@theme {
--color-amazonite: #00c4b0;
--color-amazonite-50: #ccfff9;
--color-amazonite-100: #b7f7ed;
--color-amazonite-200: #91e7db;
--color-amazonite-300: #5ccdbf;
--color-amazonite-400: #01b7a4;
--color-amazonite-500: #00a18d;
--color-amazonite-600: #008877;
--color-amazonite-700: #006d5f;
--color-amazonite-800: #005044;
--color-amazonite-900: #00382f;
--color-amazonite-950: #00221c;
}SCSS
$amazonite: #00c4b0;
$amazonite-rgb: 0, 196, 176;
$amazonite-light: mix(#fff, $amazonite, 20%);
$amazonite-dark: mix(#000, $amazonite, 20%);
.element {
color: $amazonite;
box-shadow: 0 0 0 2px rgba($amazonite, 0.35);
}