Colore con nome più vicino · #2FAC9A
#2FAC9A
Colore con nome più vicino: Billiard
#2FAC9A (rgb(47 172 154), hsl(171 57% 43%), oklch(0.673 0.109 181)) è più vicino al colore con nome Billiard. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2FAC9A
oklch(0.673 0.109 181)
Conversioni di colore
- HEX
- #2fac9a
- RGB
- rgb(47 172 154)
- HSL
- hsl(171 57% 43%)
- HWB
- hwb(171 18% 33%)
- OKLCH
- oklch(0.673 0.109 181)
- OKLab
- oklab(0.673 -0.109 -0.002)
- CIE Lab
- lab(63.48 -38.22 -0.99)
- LCH
- lch(63.48 38.23 181.5)
- CMYK
- cmyk(73% 0% 10% 33%)
Tinte · Ombre · Toni
Tinte
- 4EB4A4
- 66BDAD
- 7BC5B7
- 8FCDC1
- A3D6CB
- B6DED5
- C8E6E0
- DBEFEA
- EDF7F4
Ombre
- 279585
- 207F71
- 19695E
- 12544B
- 0C4039
- 062D27
- 031B17
- 010B09
- 000101
Toni
- 40A897
- 4CA395
- 569F92
- 5E9B8F
- 65968D
- 6C928A
- 728E88
- 778985
- 7C8583
Armonie di colore
Complementare +180°
- 2FAC9A
Billiard
- CD7992
≈ Devilish Diva
Analogo -30° +30°
- 2FAC9A
Billiard
- 60A973
≈ Aqua Forest
- 24A8BC
≈ Kentucky Bluegrass
Triadico +120° +240°
- 2FAC9A
Billiard
- A286CF
≈ Lilac Purple
- C7864B
≈ Tassel
Complementare divisa +150° +210°
- 2FAC9A
Billiard
- BD7DB5
≈ Colombo Red Mauve
- D17C6C
≈ Masoho Red
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--billiard: #2fac9a;
--billiard-rgb: 47 172 154;
--billiard-oklch: oklch(0.673 0.109 181);
}
.element {
color: var(--billiard);
background-color: hsl(171 57% 43%);
border-color: oklch(0.673 0.109 181);
}Tailwind CSS v4
@theme {
--color-billiard: #2fac9a;
--color-billiard-50: #d4fff8;
--color-billiard-100: #c0f4eb;
--color-billiard-200: #9fe4d8;
--color-billiard-300: #72cabd;
--color-billiard-400: #44b3a2;
--color-billiard-500: #009d8a;
--color-billiard-600: #008575;
--color-billiard-700: #006a5e;
--color-billiard-800: #004e43;
--color-billiard-900: #00372e;
--color-billiard-950: #00211b;
}SCSS
$billiard: #2fac9a;
$billiard-rgb: 47, 172, 154;
$billiard-light: mix(#fff, $billiard, 20%);
$billiard-dark: mix(#000, $billiard, 20%);
.element {
color: $billiard;
box-shadow: 0 0 0 2px rgba($billiard, 0.35);
}