Colore con nome · #45C3AD
Melbourne Cup
Melbourne Cup è #45C3AD: rgb(69 195 173), hsl(170 51% 52%), oklch(0.742 0.115 179.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Melbourne Cup color name →
#45C3AD
oklch(0.742 0.115 179.1)
Conversioni di colore
- HEX
- #45c3ad
- RGB
- rgb(69 195 173)
- HSL
- hsl(170 51% 52%)
- HWB
- hwb(170 27% 24%)
- OKLCH
- oklch(0.742 0.115 179.1)
- OKLab
- oklab(0.742 -0.115 0.002)
- CIE Lab
- lab(71.54 -40.07 0.34)
- LCH
- lch(71.54 40.08 179.5)
- CMYK
- cmyk(65% 0% 11% 24%)
Tinte · Ombre · Toni
Tinte
- 5FC9B5
- 75CFBD
- 88D5C5
- 9BDCCD
- ACE2D5
- BDE8DD
- CEEDE6
- DFF3EE
- EFF9F7
Ombre
- 3BA996
- 31907F
- 27786A
- 1E6055
- 154A41
- 0C342D
- 05201B
- 020E0B
- 000201
Toni
- 51BCA8
- 5AB6A4
- 62AF9F
- 69A89B
- 6EA296
- 739B92
- 77948D
- 7A8D89
- 7D8784
Armonie di colore
Complementare +180°
- 45C3AD
Melbourne Cup
- E68CAA
≈ Charm Pink
Analogo -30° +30°
- 45C3AD
Melbourne Cup
- 75C083
≈ Clover Mist
- 38BFD2
≈ The Crowd Roars!
Triadico +120° +240°
- 45C3AD
Melbourne Cup
- B69BEA
≈ Dreamy Candy Forest
- E1995E
≈ Amiable Orange
Complementare divisa +150° +210°
- 45C3AD
Melbourne Cup
- D491CF
≈ Ineffable Magenta
- EB8F81
≈ Animated Coral
Tetradico +90° +180° +270°
- 45C3AD
Melbourne Cup
- 8EA8F4
≈ Kitten’s Eye
- E68CAA
≈ Charm Pink
- C8A84E
≈ Grandiose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.17:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.66:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.66:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--melbourne-cup: #45c3ad;
--melbourne-cup-rgb: 69 195 173;
--melbourne-cup-oklch: oklch(0.742 0.115 179.1);
}
.element {
color: var(--melbourne-cup);
background-color: hsl(170 51% 52%);
border-color: oklch(0.742 0.115 179.1);
}Tailwind CSS v4
@theme {
--color-melbourne-cup: #45c3ad;
--color-melbourne-cup-50: #d2fff7;
--color-melbourne-cup-100: #bff5ea;
--color-melbourne-cup-200: #9de5d7;
--color-melbourne-cup-300: #6fcbbb;
--color-melbourne-cup-400: #3eb4a0;
--color-melbourne-cup-500: #009e88;
--color-melbourne-cup-600: #008673;
--color-melbourne-cup-700: #006b5c;
--color-melbourne-cup-800: #004f42;
--color-melbourne-cup-900: #00372d;
--color-melbourne-cup-950: #00221a;
}SCSS
$melbourne-cup: #45c3ad;
$melbourne-cup-rgb: 69, 195, 173;
$melbourne-cup-light: mix(#fff, $melbourne-cup, 20%);
$melbourne-cup-dark: mix(#000, $melbourne-cup, 20%);
.element {
color: $melbourne-cup;
box-shadow: 0 0 0 2px rgba($melbourne-cup, 0.35);
}