Colore con nome · #81C3B4
Holiday
Holiday è #81C3B4: rgb(129 195 180), hsl(166 35% 64%), oklch(0.769 0.071 178.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Holiday color name →
#81C3B4
oklch(0.769 0.071 178.4)
Conversioni di colore
- HEX
- #81c3b4
- RGB
- rgb(129 195 180)
- HSL
- hsl(166 35% 64%)
- HWB
- hwb(166 51% 24%)
- OKLCH
- oklch(0.769 0.071 178.4)
- OKLab
- oklab(0.769 -0.071 0.002)
- CIE Lab
- lab(74.04 -24.4 0.53)
- LCH
- lch(74.04 24.4 178.7)
- CMYK
- cmyk(34% 0% 8% 24%)
Tinte · Ombre · Toni
Tinte
- 8EC9BB
- 9BCFC3
- A8D5CA
- B5DBD1
- C1E1D9
- CEE7E0
- DAEDE8
- E6F3F0
- F3F9F7
Ombre
- 6FA99C
- 5E9085
- 4E786E
- 3E6058
- 2E4A44
- 1F3430
- 12201D
- 060E0C
- 010202
Toni
- 82BCAF
- 82B5A9
- 83AFA4
- 83A89F
- 83A19A
- 839A94
- 82948F
- 828D8A
- 818785
Armonie di colore
Complementare +180°
- 81C3B4
Holiday
- DAA1B3
≈ Gizmo
Analogo -30° +30°
- 81C3B4
Holiday
- 95C19B
≈ Delltone
- 7CC1CC
≈ Meltwater
Triadico +120° +240°
- 81C3B4
Holiday
- B9AADB
≈ Purple Hibiscus
- D7A987
≈ Sweet Sue
Complementare divisa +150° +210°
- 81C3B4
Holiday
- CDA4CB
≈ Geranium Bud
- DDA39A
≈ Quiet Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.39:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--holiday: #81c3b4;
--holiday-rgb: 129 195 180;
--holiday-oklch: oklch(0.769 0.071 178.4);
}
.element {
color: var(--holiday);
background-color: hsl(166 35% 64%);
border-color: oklch(0.769 0.071 178.4);
}Tailwind CSS v4
@theme {
--color-holiday: #81c3b4;
--color-holiday-50: #e0fcf6;
--color-holiday-100: #d0f0e9;
--color-holiday-200: #b4dfd5;
--color-holiday-300: #90c4b9;
--color-holiday-400: #6fad9f;
--color-holiday-500: #4c9686;
--color-holiday-600: #417f72;
--color-holiday-700: #34655b;
--color-holiday-800: #254a42;
--color-holiday-900: #19342d;
--color-holiday-950: #091f1a;
}SCSS
$holiday: #81c3b4;
$holiday-rgb: 129, 195, 180;
$holiday-light: mix(#fff, $holiday, 20%);
$holiday-dark: mix(#000, $holiday, 20%);
.element {
color: $holiday;
box-shadow: 0 0 0 2px rgba($holiday, 0.35);
}