Colore con nome · #76614B
South Kingston
South Kingston è #76614B: rgb(118 97 75), hsl(31 22% 38%), oklch(0.507 0.043 67.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · South Kingston color name →
#76614B
oklch(0.507 0.043 67.9)
Conversioni di colore
- HEX
- #76614b
- RGB
- rgb(118 97 75)
- HSL
- hsl(31 22% 38%)
- HWB
- hwb(31 29% 54%)
- OKLCH
- oklch(0.507 0.043 67.9)
- OKLab
- oklab(0.507 0.016 0.04)
- CIE Lab
- lab(42.8 6.23 15.93)
- LCH
- lch(42.8 17.1 68.6)
- CMYK
- cmyk(0% 18% 36% 54%)
Tinte · Ombre · Toni
Tinte
- 83705C
- 907F6C
- 9D8E7E
- AB9D8F
- B9ADA1
- C6BDB3
- D4CDC6
- E2DDD9
- F1EEEC
Ombre
- 665340
- 564635
- 47392B
- 382D21
- 292117
- 1C150E
- 0F0B06
- 050302
- 010000
Toni
- 776450
- 786756
- 796A5B
- 7A6D60
- 7B7166
- 7C746B
- 7D7770
- 7E7A75
- 7F7D7B
Armonie di colore
Complementare +180°
- 76614B
South Kingston
- 52687D
≈ Periscope
Analogo -30° +30°
- 76614B
South Kingston
- 7C5D54
≈ Wild West
- 6C664A
≈ City Arboretum
Triadico +120° +240°
- 76614B
South Kingston
- 486D6A
≈ Pond Newt
- 6C5F79
≈ Princely Violet
Complementare divisa +150° +210°
- 76614B
South Kingston
- 496C76
≈ Planet Green
- 5F637E
≈ Purple Daze
Tetradico +90° +180° +270°
- 76614B
South Kingston
- 516D5C
≈ Green Bayou
- 52687D
≈ Periscope
- 765C6E
≈ Banished Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.86:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.58:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--south-kingston: #76614b;
--south-kingston-rgb: 118 97 75;
--south-kingston-oklch: oklch(0.507 0.043 67.9);
}
.element {
color: var(--south-kingston);
background-color: hsl(31 22% 38%);
border-color: oklch(0.507 0.043 67.9);
}Tailwind CSS v4
@theme {
--color-south-kingston: #76614b;
--color-south-kingston-50: #fdf3e8;
--color-south-kingston-100: #f1e6d9;
--color-south-kingston-200: #e1d2c1;
--color-south-kingston-300: #c6b4a0;
--color-south-kingston-400: #b09a84;
--color-south-kingston-500: #9a8168;
--color-south-kingston-600: #826d58;
--color-south-kingston-700: #685746;
--color-south-kingston-800: #4d4033;
--color-south-kingston-900: #352c23;
--color-south-kingston-950: #211912;
}SCSS
$south-kingston: #76614b;
$south-kingston-rgb: 118, 97, 75;
$south-kingston-light: mix(#fff, $south-kingston, 20%);
$south-kingston-dark: mix(#000, $south-kingston, 20%);
.element {
color: $south-kingston;
box-shadow: 0 0 0 2px rgba($south-kingston, 0.35);
}