Colore con nome · #9C9480
Sweet Carolina
Sweet Carolina è #9C9480: rgb(156 148 128), hsl(43 12% 56%), oklch(0.668 0.03 88.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sweet Carolina color name →
#9C9480
oklch(0.668 0.03 88.8)
Conversioni di colore
- HEX
- #9c9480
- RGB
- rgb(156 148 128)
- HSL
- hsl(43 12% 56%)
- HWB
- hwb(43 50% 39%)
- OKLCH
- oklch(0.668 0.03 88.8)
- OKLab
- oklab(0.668 0.001 0.03)
- CIE Lab
- lab(61.6 0.48 11.74)
- LCH
- lch(61.6 11.75 87.6)
- CMYK
- cmyk(0% 5% 18% 39%)
Tinte · Ombre · Toni
Tinte
- A59E8C
- AFA998
- B9B3A5
- C3BEB1
- CCC8BE
- D6D3CB
- E0DED7
- EBE9E5
- F5F4F2
Ombre
- 87806E
- 736D5D
- 5F5A4D
- 4C483D
- 39362E
- 28261F
- 181612
- 090806
- 010101
Toni
- 999280
- 969080
- 948E80
- 918C80
- 8E8A80
- 8B8880
- 888680
- 868480
- 838280
Armonie di colore
Complementare +180°
- 9C9480
Sweet Carolina
- 8D94A8
≈ Silverfish
Analogo -30° +30°
- 9C9480
Sweet Carolina
- A39183
≈ Rapid Rock
- 929783
≈ Hillside Green
Triadico +120° +240°
- 9C9480
Sweet Carolina
- 809A9E
≈ Miles
- 9F8E9E
≈ Cut Heather
Complementare divisa +150° +210°
- 9C9480
Sweet Carolina
- 8498A5
≈ Silver Storm
- 9791A5
≈ Alienator Grey
Tetradico +90° +180° +270°
- 9C9480
Sweet Carolina
- 819B95
≈ Blue Surf
- 8D94A8
≈ Silverfish
- A58D94
≈ Gothic Amethyst
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.01:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.96:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 6.96:1 (AA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--sweet-carolina: #9c9480;
--sweet-carolina-rgb: 156 148 128;
--sweet-carolina-oklch: oklch(0.668 0.03 88.8);
}
.element {
color: var(--sweet-carolina);
background-color: hsl(43 12% 56%);
border-color: oklch(0.668 0.03 88.8);
}Tailwind CSS v4
@theme {
--color-sweet-carolina: #9c9480;
--color-sweet-carolina-50: #f8f5ec;
--color-sweet-carolina-100: #ebe8dd;
--color-sweet-carolina-200: #d9d4c6;
--color-sweet-carolina-300: #bdb7a6;
--color-sweet-carolina-400: #a69e8b;
--color-sweet-carolina-500: #8e8670;
--color-sweet-carolina-600: #78715f;
--color-sweet-carolina-700: #605a4c;
--color-sweet-carolina-800: #474237;
--color-sweet-carolina-900: #312d25;
--color-sweet-carolina-950: #1d1a14;
}SCSS
$sweet-carolina: #9c9480;
$sweet-carolina-rgb: 156, 148, 128;
$sweet-carolina-light: mix(#fff, $sweet-carolina, 20%);
$sweet-carolina-dark: mix(#000, $sweet-carolina, 20%);
.element {
color: $sweet-carolina;
box-shadow: 0 0 0 2px rgba($sweet-carolina, 0.35);
}