Colore con nome · #4F938F
Mirage Lake
Mirage Lake è #4F938F: rgb(79 147 143), hsl(176 30% 44%), oklch(0.617 0.07 190.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Mirage Lake color name →
#4F938F
oklch(0.617 0.07 190.6)
Conversioni di colore
- HEX
- #4f938f
- RGB
- rgb(79 147 143)
- HSL
- hsl(176 30% 44%)
- HWB
- hwb(176 31% 42%)
- OKLCH
- oklch(0.617 0.07 190.6)
- OKLab
- oklab(0.617 -0.068 -0.013)
- CIE Lab
- lab(56.41 -23.33 -4.96)
- LCH
- lch(56.41 23.85 192)
- CMYK
- cmyk(46% 0% 3% 42%)
Tinte · Ombre · Toni
Tinte
- 629D9A
- 74A8A4
- 85B3AF
- 97BDBA
- A8C8C6
- B9D3D1
- CADEDC
- DCE9E8
- EDF4F3
Ombre
- 447F7C
- 386C69
- 2E5957
- 234745
- 193634
- 102524
- 071615
- 020807
- 000101
Toni
- 56918D
- 5C8F8C
- 618E8A
- 668C89
- 6B8A87
- 708886
- 748684
- 788483
- 7C8281
Armonie di colore
Complementare +180°
- 4F938F
Mirage Lake
- AB747B
≈ French Marron
Analogo -30° +30°
- 4F938F
Mirage Lake
- 5F9377
≈ Deep Grass Green
- 528FA3
≈ Aegean Sea
Triadico +120° +240°
- 4F938F
Mirage Lake
- 937AA5
≈ Trumpeter
- A07E56
≈ Fantan
Complementare divisa +150° +210°
- 4F938F
Mirage Lake
- A27592
≈ Angel Heart
- AA7765
≈ Sawshark
Tetradico +90° +180° +270°
- 4F938F
Mirage Lake
- 7D81AF
≈ Roseine Plum
- AB747B
≈ French Marron
- 8F8755
≈ Trough Shell Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.55:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.90:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--mirage-lake: #4f938f;
--mirage-lake-rgb: 79 147 143;
--mirage-lake-oklch: oklch(0.617 0.07 190.6);
}
.element {
color: var(--mirage-lake);
background-color: hsl(176 30% 44%);
border-color: oklch(0.617 0.07 190.6);
}Tailwind CSS v4
@theme {
--color-mirage-lake: #4f938f;
--color-mirage-lake-50: #e0fcfa;
--color-mirage-lake-100: #cef0ee;
--color-mirage-lake-200: #b3dedc;
--color-mirage-lake-300: #8ec3c1;
--color-mirage-lake-400: #6caca8;
--color-mirage-lake-500: #489591;
--color-mirage-lake-600: #3e7e7a;
--color-mirage-lake-700: #316562;
--color-mirage-lake-800: #234a47;
--color-mirage-lake-900: #173331;
--color-mirage-lake-950: #081f1d;
}SCSS
$mirage-lake: #4f938f;
$mirage-lake-rgb: 79, 147, 143;
$mirage-lake-light: mix(#fff, $mirage-lake, 20%);
$mirage-lake-dark: mix(#000, $mirage-lake, 20%);
.element {
color: $mirage-lake;
box-shadow: 0 0 0 2px rgba($mirage-lake, 0.35);
}