Colore con nome · #669699
Vintage Teal
Vintage Teal è #669699: rgb(102 150 153), hsl(184 20% 50%), oklch(0.64 0.052 200.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Vintage Teal color name →
#669699
oklch(0.64 0.052 200.9)
Conversioni di colore
- HEX
- #669699
- RGB
- rgb(102 150 153)
- HSL
- hsl(184 20% 50%)
- HWB
- hwb(184 40% 40%)
- OKLCH
- oklch(0.64 0.052 200.9)
- OKLab
- oklab(0.64 -0.048 -0.018)
- CIE Lab
- lab(58.74 -16.2 -7.04)
- LCH
- lch(58.74 17.66 203.5)
- CMYK
- cmyk(33% 2% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 75A0A3
- 84AAAD
- 93B5B7
- A2BFC1
- B2C9CB
- C1D4D5
- D0DFDF
- E0E9EA
- EFF4F4
Ombre
- 588284
- 4A6E70
- 3C5B5D
- 2F494A
- 233738
- 172627
- 0C1617
- 040808
- 000101
Toni
- 699496
- 6C9294
- 6F9091
- 728D8F
- 758B8C
- 77898A
- 798787
- 7C8485
- 7E8282
Armonie di colore
Complementare +180°
- 669699
Vintage Teal
- AA807F
≈ Jupiter Brown
Analogo -30° +30°
- 669699
Vintage Teal
- 6C9788
≈ Up North
- 6C92A6
≈ Blue Cruise
Triadico +120° +240°
- 669699
Vintage Teal
- 9B82A0
≈ Rhapsody
- 9D8968
≈ Iced Cappuccino
Complementare divisa +150° +210°
- 669699
Vintage Teal
- A68090
≈ Lacy Mist
- A78470
≈ Roebuck
Tetradico +90° +180° +270°
- 669699
Vintage Teal
- 8C87AA
≈ Purple Hills
- AA807F
≈ Jupiter Brown
- 8D906B
≈ Extra Mile
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.38:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--vintage-teal: #669699;
--vintage-teal-rgb: 102 150 153;
--vintage-teal-oklch: oklch(0.64 0.052 200.9);
}
.element {
color: var(--vintage-teal);
background-color: hsl(184 20% 50%);
border-color: oklch(0.64 0.052 200.9);
}Tailwind CSS v4
@theme {
--color-vintage-teal: #669699;
--color-vintage-teal-50: #e5fafc;
--color-vintage-teal-100: #d5edef;
--color-vintage-teal-200: #bcdbde;
--color-vintage-teal-300: #99c0c3;
--color-vintage-teal-400: #7aa8ab;
--color-vintage-teal-500: #5b9194;
--color-vintage-teal-600: #4e7a7d;
--color-vintage-teal-700: #3e6264;
--color-vintage-teal-800: #2c4849;
--color-vintage-teal-900: #1e3233;
--color-vintage-teal-950: #0e1e1e;
}SCSS
$vintage-teal: #669699;
$vintage-teal-rgb: 102, 150, 153;
$vintage-teal-light: mix(#fff, $vintage-teal, 20%);
$vintage-teal-dark: mix(#000, $vintage-teal, 20%);
.element {
color: $vintage-teal;
box-shadow: 0 0 0 2px rgba($vintage-teal, 0.35);
}