Colore con nome · #AD8B75
Praline
Praline è #AD8B75: rgb(173 139 117), hsl(24 25% 57%), oklch(0.663 0.052 54.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Praline color name →
#AD8B75
oklch(0.663 0.052 54.5)
Conversioni di colore
- HEX
- #ad8b75
- RGB
- rgb(173 139 117)
- HSL
- hsl(24 25% 57%)
- HWB
- hwb(24 46% 32%)
- OKLCH
- oklch(0.663 0.052 54.5)
- OKLab
- oklab(0.663 0.03 0.042)
- CIE Lab
- lab(60.68 10.94 16.95)
- LCH
- lch(60.68 20.17 57.2)
- CMYK
- cmyk(0% 20% 32% 32%)
Tinte · Ombre · Toni
Tinte
- B59682
- BDA18F
- C6AD9D
- CEB8AA
- D6C4B8
- DECFC6
- E6DBD4
- EFE7E2
- F7F3F1
Ombre
- 967865
- 7F6655
- 6A5446
- 554337
- 413229
- 2D231C
- 1B140F
- 0B0705
- 010101
Toni
- A98A76
- A48978
- A08879
- 9B877A
- 97867B
- 92857C
- 8E837D
- 89827E
- 85817F
Armonie di colore
Complementare +180°
- AD8B75
Praline
- 7499AF
≈ Ocean View
Analogo -30° +30°
- AD8B75
Praline
- B18783
≈ Warm Comfort
- A2916F
≈ Natural Bridge
Triadico +120° +240°
- AD8B75
Praline
- 719E91
≈ Greyish Teal
- 958DB0
≈ Purple Agate
Complementare divisa +150° +210°
- AD8B75
Praline
- 6D9DA2
≈ Voyage
- 8393B4
≈ Celestial Horizon
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.12:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.72:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.72:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--praline: #ad8b75;
--praline-rgb: 173 139 117;
--praline-oklch: oklch(0.663 0.052 54.5);
}
.element {
color: var(--praline);
background-color: hsl(24 25% 57%);
border-color: oklch(0.663 0.052 54.5);
}Tailwind CSS v4
@theme {
--color-praline: #ad8b75;
--color-praline-50: #fff2e7;
--color-praline-100: #f6e4d8;
--color-praline-200: #e6cfbf;
--color-praline-300: #cdb19e;
--color-praline-400: #b89782;
--color-praline-500: #a27d65;
--color-praline-600: #896a56;
--color-praline-700: #6e5545;
--color-praline-800: #513e32;
--color-praline-900: #392a22;
--color-praline-950: #231811;
}SCSS
$praline: #ad8b75;
$praline-rgb: 173, 139, 117;
$praline-light: mix(#fff, $praline, 20%);
$praline-dark: mix(#000, $praline, 20%);
.element {
color: $praline;
box-shadow: 0 0 0 2px rgba($praline, 0.35);
}