Colore con nome · #496763
Grand Prix
Grand Prix è #496763: rgb(73 103 99), hsl(172 17% 35%), oklch(0.489 0.036 185.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Grand Prix color name →
#496763
oklch(0.489 0.036 185.8)
Conversioni di colore
- HEX
- #496763
- RGB
- rgb(73 103 99)
- HSL
- hsl(172 17% 35%)
- HWB
- hwb(172 29% 60%)
- OKLCH
- oklch(0.489 0.036 185.8)
- OKLab
- oklab(0.489 -0.036 -0.004)
- CIE Lab
- lab(41.16 -12.12 -1.47)
- LCH
- lch(41.16 12.21 186.9)
- CMYK
- cmyk(29% 0% 4% 60%)
Tinte · Ombre · Toni
Tinte
- 5A7571
- 6B8380
- 7D928F
- 8EA19E
- A0B0AE
- B3BFBD
- C5CFCE
- D8DFDE
- ECEFEE
Ombre
- 3E5955
- 344B47
- 2A3D3A
- 20302E
- 172321
- 0E1716
- 060C0B
- 020403
- 000000
Toni
- 4F6A66
- 546C69
- 5A6F6C
- 5F716E
- 657471
- 6A7674
- 707977
- 757B7A
- 7B7E7D
Armonie di colore
Complementare +180°
- 496763
Grand Prix
- 72585D
≈ Falcon Wing
Analogo -30° +30°
- 496763
Grand Prix
- 506658
≈ Jungle Camouflage
- 49666D
≈ Deep Space Sparkle
Triadico +120° +240°
- 496763
Grand Prix
- 655B71
≈ Violet Haze
- 6E5C4B
≈ Cub
Complementare divisa +150° +210°
- 496763
Grand Prix
- 6E5968
≈ Dark Purple Grey
- 735952
≈ Brown Ridge
Tetradico +90° +180° +270°
- 496763
Grand Prix
- 5A5F75
≈ Men’s Night
- 72585D
≈ Falcon Wing
- 666049
≈ Titanoboa
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.17:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.40:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--grand-prix: #496763;
--grand-prix-rgb: 73 103 99;
--grand-prix-oklch: oklch(0.489 0.036 185.8);
}
.element {
color: var(--grand-prix);
background-color: hsl(172 17% 35%);
border-color: oklch(0.489 0.036 185.8);
}Tailwind CSS v4
@theme {
--color-grand-prix: #496763;
--color-grand-prix-50: #eaf9f7;
--color-grand-prix-100: #dbecea;
--color-grand-prix-200: #c4d9d7;
--color-grand-prix-300: #a4bebb;
--color-grand-prix-400: #87a6a1;
--color-grand-prix-500: #6c8e89;
--color-grand-prix-600: #5b7874;
--color-grand-prix-700: #49605d;
--color-grand-prix-800: #354744;
--color-grand-prix-900: #24312f;
--color-grand-prix-950: #131d1b;
}SCSS
$grand-prix: #496763;
$grand-prix-rgb: 73, 103, 99;
$grand-prix-light: mix(#fff, $grand-prix, 20%);
$grand-prix-dark: mix(#000, $grand-prix, 20%);
.element {
color: $grand-prix;
box-shadow: 0 0 0 2px rgba($grand-prix, 0.35);
}