Colore con nome · #55BBAA
Green Fluorite
Green Fluorite è #55BBAA: rgb(85 187 170), hsl(170 43% 53%), oklch(0.727 0.099 180.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Fluorite color name →
#55BBAA
oklch(0.727 0.099 180.9)
Conversioni di colore
- HEX
- #55bbaa
- RGB
- rgb(85 187 170)
- HSL
- hsl(170 43% 53%)
- HWB
- hwb(170 33% 27%)
- OKLCH
- oklch(0.727 0.099 180.9)
- OKLab
- oklab(0.727 -0.099 -0.002)
- CIE Lab
- lab(69.53 -34.24 -0.86)
- LCH
- lch(69.53 34.25 181.4)
- CMYK
- cmyk(55% 0% 9% 27%)
Tinte · Ombre · Toni
Tinte
- 6AC2B2
- 7CC9BA
- 8ED0C3
- 9FD6CB
- B0DDD4
- C0E4DC
- D0EBE5
- E0F2ED
- EFF8F6
Ombre
- 49A293
- 3D8A7D
- 317368
- 265C53
- 1C463F
- 11322D
- 081F1B
- 020D0B
- 000201
Toni
- 5DB5A6
- 63AFA1
- 69A99D
- 6EA399
- 729E95
- 759891
- 79928C
- 7B8C88
- 7E8684
Armonie di colore
Complementare +180°
- 55BBAA
Green Fluorite
- DA8CA3
≈ Reflecting Rose
Analogo -30° +30°
- 55BBAA
Green Fluorite
- 77B987
≈ Jade Stone Green
- 4FB7CA
≈ Mountain Range Blue
Triadico +120° +240°
- 55BBAA
Green Fluorite
- B198DB
≈ Violet Velvet
- D49865
≈ Folksy Gold
Complementare divisa +150° +210°
- 55BBAA
Green Fluorite
- CB90C3
≈ Pomtini
- DE8F81
≈ Nude Flamingo
Tetradico +90° +180° +270°
- 55BBAA
Green Fluorite
- 90A3E5
≈ Dalmatian Sage
- DA8CA3
≈ Reflecting Rose
- BEA45A
≈ Nonpareil Apple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.07:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.07:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--green-fluorite: #55bbaa;
--green-fluorite-rgb: 85 187 170;
--green-fluorite-oklch: oklch(0.727 0.099 180.9);
}
.element {
color: var(--green-fluorite);
background-color: hsl(170 43% 53%);
border-color: oklch(0.727 0.099 180.9);
}Tailwind CSS v4
@theme {
--color-green-fluorite: #55bbaa;
--color-green-fluorite-50: #d7fff8;
--color-green-fluorite-100: #c4f3eb;
--color-green-fluorite-200: #a5e3d8;
--color-green-fluorite-300: #7bc8bc;
--color-green-fluorite-400: #52b2a2;
--color-green-fluorite-500: #139b8a;
--color-green-fluorite-600: #178375;
--color-green-fluorite-700: #14695d;
--color-green-fluorite-800: #0d4d43;
--color-green-fluorite-900: #09362e;
--color-green-fluorite-950: #00211b;
}SCSS
$green-fluorite: #55bbaa;
$green-fluorite-rgb: 85, 187, 170;
$green-fluorite-light: mix(#fff, $green-fluorite, 20%);
$green-fluorite-dark: mix(#000, $green-fluorite, 20%);
.element {
color: $green-fluorite;
box-shadow: 0 0 0 2px rgba($green-fluorite, 0.35);
}