Colore con nome · #6FB5A8
Lenticular Ore
Lenticular Ore è #6FB5A8: rgb(111 181 168), hsl(169 32% 57%), oklch(0.723 0.074 181). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Lenticular Ore color name →
#6FB5A8
oklch(0.723 0.074 181)
Conversioni di colore
- HEX
- #6fb5a8
- RGB
- rgb(111 181 168)
- HSL
- hsl(169 32% 57%)
- HWB
- hwb(169 44% 29%)
- OKLCH
- oklch(0.723 0.074 181)
- OKLab
- oklab(0.723 -0.074 -0.001)
- CIE Lab
- lab(68.78 -25.38 -0.69)
- LCH
- lch(68.78 25.39 181.6)
- CMYK
- cmyk(39% 0% 7% 29%)
Tinte · Ombre · Toni
Tinte
- 7EBCB0
- 8DC4B9
- 9CCBC1
- AAD2CA
- B8DAD3
- C6E1DB
- D5E9E4
- E3F0ED
- F1F8F6
Ombre
- 609D92
- 51867C
- 426F67
- 345952
- 27443F
- 1A302C
- 0E1D1A
- 040C0A
- 010201
Toni
- 72B0A4
- 74AAA0
- 77A59C
- 79A098
- 7B9A94
- 7C9590
- 7D908C
- 7E8B88
- 7F8584
Armonie di colore
Complementare +180°
- 6FB5A8
Lenticular Ore
- CD92A3
≈ Madagascar Pink
Analogo -30° +30°
- 6FB5A8
Lenticular Ore
- 84B38E
≈ Shaded Willow
- 6CB2C0
≈ Water Music
Triadico +120° +240°
- 6FB5A8
Lenticular Ore
- AD9BCD
≈ Biloba Flower
- C89B76
≈ Chimaera Brown
Complementare divisa +150° +210°
- 6FB5A8
Lenticular Ore
- C195BB
≈ Dripping Wisteria
- D09589
≈ Peach Preserve
Tetradico +90° +180° +270°
- 6FB5A8
Lenticular Ore
- 94A4D5
≈ Rip Van Periwinkle
- CD92A3
≈ Madagascar Pink
- B7A46F
≈ Horn of Plenty
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.85:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.85:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--lenticular-ore: #6fb5a8;
--lenticular-ore-rgb: 111 181 168;
--lenticular-ore-oklch: oklch(0.723 0.074 181);
}
.element {
color: var(--lenticular-ore);
background-color: hsl(169 32% 57%);
border-color: oklch(0.723 0.074 181);
}Tailwind CSS v4
@theme {
--color-lenticular-ore: #6fb5a8;
--color-lenticular-ore-50: #dffdf7;
--color-lenticular-ore-100: #cef0ea;
--color-lenticular-ore-200: #b2dfd7;
--color-lenticular-ore-300: #8dc4bb;
--color-lenticular-ore-400: #6bada1;
--color-lenticular-ore-500: #479689;
--color-lenticular-ore-600: #3d7f74;
--color-lenticular-ore-700: #31665d;
--color-lenticular-ore-800: #224b43;
--color-lenticular-ore-900: #17342e;
--color-lenticular-ore-950: #071f1b;
}SCSS
$lenticular-ore: #6fb5a8;
$lenticular-ore-rgb: 111, 181, 168;
$lenticular-ore-light: mix(#fff, $lenticular-ore, 20%);
$lenticular-ore-dark: mix(#000, $lenticular-ore, 20%);
.element {
color: $lenticular-ore;
box-shadow: 0 0 0 2px rgba($lenticular-ore, 0.35);
}