Colore con nome · #665D59
Oswego Tea
Oswego Tea è #665D59: rgb(102 93 89), hsl(18 7% 37%), oklch(0.486 0.013 45.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Oswego Tea color name →
#665D59
oklch(0.486 0.013 45.6)
Conversioni di colore
- HEX
- #665d59
- RGB
- rgb(102 93 89)
- HSL
- hsl(18 7% 37%)
- HWB
- hwb(18 35% 60%)
- OKLCH
- oklch(0.486 0.013 45.6)
- OKLab
- oklab(0.486 0.009 0.009)
- CIE Lab
- lab(40.26 3.17 3.68)
- LCH
- lch(40.26 4.86 49.3)
- CMYK
- cmyk(0% 9% 13% 60%)
Tinte · Ombre · Toni
Tinte
- 746C68
- 837B78
- 918A87
- A09A98
- AFAAA8
- BFBBB9
- CFCBCA
- DFDCDB
- EFEEED
Ombre
- 58504C
- 4A4340
- 3C3734
- 2F2A28
- 231F1D
- 171413
- 0C0A09
- 040303
- 000000
Toni
- 69605D
- 6B6461
- 6E6764
- 706B68
- 736E6C
- 767270
- 787574
- 7B7978
- 7D7C7C
Armonie di colore
Complementare +180°
- 665D59
Oswego Tea
- 586165
≈ Anchor Grey
Analogo -30° +30°
- 665D59
Oswego Tea
- 675C5D
≈ Phantom Hue
- 645E57
≈ Manor House
Triadico +120° +240°
- 665D59
Oswego Tea
- 59625D
≈ Charcoal Briquette
- 5E5E67
≈ Baroque Grey
Complementare divisa +150° +210°
- 665D59
Oswego Tea
- 576261
≈ Paramount
- 5A6067
≈ Blue Slate
Tetradico +90° +180° +270°
- 665D59
Oswego Tea
- 5C615A
≈ Ruins of Pompeii
- 586165
≈ Anchor Grey
- 625D64
≈ Wonder Wine
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.41:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.27:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.41:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--oswego-tea: #665d59;
--oswego-tea-rgb: 102 93 89;
--oswego-tea-oklch: oklch(0.486 0.013 45.6);
}
.element {
color: var(--oswego-tea);
background-color: hsl(18 7% 37%);
border-color: oklch(0.486 0.013 45.6);
}Tailwind CSS v4
@theme {
--color-oswego-tea: #665d59;
--color-oswego-tea-50: #f9f4f2;
--color-oswego-tea-100: #ece7e4;
--color-oswego-tea-200: #d9d3cf;
--color-oswego-tea-300: #bdb5b2;
--color-oswego-tea-400: #a69c98;
--color-oswego-tea-500: #8e847f;
--color-oswego-tea-600: #786f6b;
--color-oswego-tea-700: #605956;
--color-oswego-tea-800: #47413f;
--color-oswego-tea-900: #312d2b;
--color-oswego-tea-950: #1d1a18;
}SCSS
$oswego-tea: #665d59;
$oswego-tea-rgb: 102, 93, 89;
$oswego-tea-light: mix(#fff, $oswego-tea, 20%);
$oswego-tea-dark: mix(#000, $oswego-tea, 20%);
.element {
color: $oswego-tea;
box-shadow: 0 0 0 2px rgba($oswego-tea, 0.35);
}