Colore con nome · #77C9C2
Cyantific
Cyantific è #77C9C2: rgb(119 201 194), hsl(175 43% 63%), oklch(0.782 0.081 188.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cyantific color name →
#77C9C2
oklch(0.782 0.081 188.6)
Conversioni di colore
- HEX
- #77c9c2
- RGB
- rgb(119 201 194)
- HSL
- hsl(175 43% 63%)
- HWB
- hwb(175 47% 21%)
- OKLCH
- oklch(0.782 0.081 188.6)
- OKLab
- oklab(0.782 -0.08 -0.012)
- CIE Lab
- lab(75.6 -27.44 -4.8)
- LCH
- lch(75.6 27.86 189.9)
- CMYK
- cmyk(41% 0% 3% 21%)
Tinte · Ombre · Toni
Tinte
- 86CEC8
- 95D4CE
- A3D9D4
- B0DFDA
- BEE4E0
- CBEAE6
- D8EFEC
- E5F4F3
- F2FAF9
Ombre
- 67AEA8
- 57958F
- 477C77
- 386460
- 2A4C49
- 1C3634
- 102220
- 050F0E
- 010202
Toni
- 79C2BB
- 7BBAB4
- 7DB3AE
- 7EABA7
- 7FA4A0
- 809D9A
- 809693
- 808E8D
- 808786
Armonie di colore
Complementare +180°
- 77C9C2
Cyantific
- E6A3AD
≈ Sprinkled With Pink
Analogo -30° +30°
- 77C9C2
Cyantific
- 8BC8A5
≈ Park Green Flat
- 79C5DB
≈ Water Flow
Triadico +120° +240°
- 77C9C2
Cyantific
- C7AAE0
≈ Perfume
- DBAF7F
≈ Caramel Drizzle
Complementare divisa +150° +210°
- 77C9C2
Cyantific
- DBA4CA
≈ Chateau Rose
- E6A692
≈ Priceless Coral
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.91:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--cyantific: #77c9c2;
--cyantific-rgb: 119 201 194;
--cyantific-oklch: oklch(0.782 0.081 188.6);
}
.element {
color: var(--cyantific);
background-color: hsl(175 43% 63%);
border-color: oklch(0.782 0.081 188.6);
}Tailwind CSS v4
@theme {
--color-cyantific: #77c9c2;
--color-cyantific-50: #dcfdfa;
--color-cyantific-100: #caf1ee;
--color-cyantific-200: #ade0dc;
--color-cyantific-300: #86c5c1;
--color-cyantific-400: #61aea8;
--color-cyantific-500: #379791;
--color-cyantific-600: #31807a;
--color-cyantific-700: #276762;
--color-cyantific-800: #1b4b47;
--color-cyantific-900: #113431;
--color-cyantific-950: #03201d;
}SCSS
$cyantific: #77c9c2;
$cyantific-rgb: 119, 201, 194;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}