Colore con nome · #00755E
Tropical Rainforest
Tropical Rainforest è #00755E: rgb(0 117 94), hsl(168 100% 23%), oklch(0.501 0.096 172.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tropical Rainforest color name →
#00755E
oklch(0.501 0.096 172.8)
Conversioni di colore
- HEX
- #00755e
- RGB
- rgb(0 117 94)
- HSL
- hsl(168 100% 23%)
- HWB
- hwb(168 0% 54%)
- OKLCH
- oklch(0.501 0.096 172.8)
- OKLab
- oklab(0.501 -0.096 0.012)
- CIE Lab
- lab(43.41 -33.95 4.38)
- LCH
- lch(43.41 34.23 172.6)
- CMYK
- cmyk(100% 0% 20% 54%)
Tinte · Ombre · Toni
Tinte
- 30826D
- 4B907C
- 629D8B
- 79AB9B
- 8FB9AB
- A6C6BB
- BCD4CC
- D2E2DD
- E8F1EE
Ombre
- 006551
- 005544
- 004637
- 00372B
- 00291F
- 001C14
- 000F0A
- 000503
- 000100
Toni
- 217661
- 317865
- 3E7968
- 4A7A6B
- 547B6F
- 5E7C72
- 677D76
- 6F7E79
- 787F7D
Armonie di colore
Complementare +180°
- 00755E
Tropical Rainforest
- 8D4B69
≈ Twilight Lavender
Analogo -30° +30°
- 00755E
Tropical Rainforest
- 40713D
≈ Mount Hyjal
- 007179
≈ Scurf Green
Triadico +120° +240°
- 00755E
Tropical Rainforest
- 665896
≈ Old Nan Yarn
- 8E522A
≈ Plane Brown
Complementare divisa +150° +210°
- 00755E
Tropical Rainforest
- 7E5084
≈ Cleopatra’s Gown
- 934B49
≈ Circus Red
Tetradico +90° +180° +270°
- 00755E
Tropical Rainforest
- 46629B
≈ Mariner
- 8D4B69
≈ Twilight Lavender
- 7E5E12
≈ Hè Sè Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.66:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.70:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.66:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--tropical-rainforest: #00755e;
--tropical-rainforest-rgb: 0 117 94;
--tropical-rainforest-oklch: oklch(0.501 0.096 172.8);
}
.element {
color: var(--tropical-rainforest);
background-color: hsl(168 100% 23%);
border-color: oklch(0.501 0.096 172.8);
}Tailwind CSS v4
@theme {
--color-tropical-rainforest: #00755e;
--color-tropical-rainforest-50: #dafff3;
--color-tropical-rainforest-100: #c8f3e6;
--color-tropical-rainforest-200: #a9e2d2;
--color-tropical-rainforest-300: #81c8b4;
--color-tropical-rainforest-400: #5bb199;
--color-tropical-rainforest-500: #2c9b80;
--color-tropical-rainforest-600: #28836c;
--color-tropical-rainforest-700: #206956;
--color-tropical-rainforest-800: #174d3e;
--color-tropical-rainforest-900: #0f362a;
--color-tropical-rainforest-950: #022118;
}SCSS
$tropical-rainforest: #00755e;
$tropical-rainforest-rgb: 0, 117, 94;
$tropical-rainforest-light: mix(#fff, $tropical-rainforest, 20%);
$tropical-rainforest-dark: mix(#000, $tropical-rainforest, 20%);
.element {
color: $tropical-rainforest;
box-shadow: 0 0 0 2px rgba($tropical-rainforest, 0.35);
}