Colore con nome · #958D79
Carriage Door
Carriage Door è #958D79: rgb(149 141 121), hsl(43 12% 53%), oklch(0.645 0.03 88.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Carriage Door color name →
#958D79
oklch(0.645 0.03 88.8)
Conversioni di colore
- HEX
- #958d79
- RGB
- rgb(149 141 121)
- HSL
- hsl(43 12% 53%)
- HWB
- hwb(43 47% 42%)
- OKLCH
- oklch(0.645 0.03 88.8)
- OKLab
- oklab(0.645 0.001 0.03)
- CIE Lab
- lab(58.92 0.5 11.84)
- LCH
- lch(58.92 11.85 87.6)
- CMYK
- cmyk(0% 5% 19% 42%)
Tinte · Ombre · Toni
Tinte
- 9F9886
- A9A393
- B4AEA0
- BEB9AD
- C9C5BA
- D3D0C8
- DEDCD5
- E9E7E3
- F4F3F1
Ombre
- 817A68
- 6D6758
- 5A5548
- 484439
- 37332B
- 26231D
- 161410
- 080705
- 010101
Toni
- 938C7A
- 918A7B
- 8F897B
- 8D887C
- 8A877D
- 88857D
- 86847E
- 84837F
- 82817F
Armonie di colore
Complementare +180°
- 958D79
Carriage Door
- 868DA1
≈ Violet Verbena
Analogo -30° +30°
- 958D79
Carriage Door
- 9C8A7C
≈ Light Mahogany
- 8B907C
≈ Lavender Leaf Green
Triadico +120° +240°
- 958D79
Carriage Door
- 799397
≈ Lexington Blue
- 988797
≈ Amethyst Smoke
Complementare divisa +150° +210°
- 958D79
Carriage Door
- 7D919E
≈ London Square
- 908A9E
≈ Gentle Grape
Tetradico +90° +180° +270°
- 958D79
Carriage Door
- 7A948E
≈ Tile Green
- 868DA1
≈ Violet Verbena
- 9E868D
≈ Dream Sunset
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.29:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.36:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.36:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--carriage-door: #958d79;
--carriage-door-rgb: 149 141 121;
--carriage-door-oklch: oklch(0.645 0.03 88.8);
}
.element {
color: var(--carriage-door);
background-color: hsl(43 12% 53%);
border-color: oklch(0.645 0.03 88.8);
}Tailwind CSS v4
@theme {
--color-carriage-door: #958d79;
--color-carriage-door-50: #f8f5ec;
--color-carriage-door-100: #ece8dd;
--color-carriage-door-200: #d9d4c6;
--color-carriage-door-300: #bdb7a6;
--color-carriage-door-400: #a69e8b;
--color-carriage-door-500: #8e8670;
--color-carriage-door-600: #78715f;
--color-carriage-door-700: #605a4c;
--color-carriage-door-800: #474237;
--color-carriage-door-900: #312d25;
--color-carriage-door-950: #1d1a14;
}SCSS
$carriage-door: #958d79;
$carriage-door-rgb: 149, 141, 121;
$carriage-door-light: mix(#fff, $carriage-door, 20%);
$carriage-door-dark: mix(#000, $carriage-door, 20%);
.element {
color: $carriage-door;
box-shadow: 0 0 0 2px rgba($carriage-door, 0.35);
}