Colore con nome · #61524C
Scented Clove
Scented Clove è #61524C: rgb(97 82 76), hsl(17 12% 34%), oklch(0.452 0.022 43). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Scented Clove color name →
#61524C
oklch(0.452 0.022 43)
Conversioni di colore
- HEX
- #61524c
- RGB
- rgb(97 82 76)
- HSL
- hsl(17 12% 34%)
- HWB
- hwb(17 30% 62%)
- OKLCH
- oklch(0.452 0.022 43)
- OKLab
- oklab(0.452 0.016 0.015)
- CIE Lab
- lab(36.26 5.62 5.96)
- LCH
- lch(36.26 8.19 46.7)
- CMYK
- cmyk(0% 15% 22% 62%)
Tinte · Ombre · Toni
Tinte
- 70625C
- 7F726D
- 8E827E
- 9D938F
- ADA4A1
- BDB6B3
- CDC8C6
- DDDAD8
- EEECEC
Ombre
- 534641
- 463B36
- 392F2C
- 2D2522
- 211A18
- 15110F
- 0B0806
- 030202
- 000000
Toni
- 645651
- 675B56
- 6A5F5B
- 6D6460
- 716965
- 746D6B
- 777270
- 7A7775
- 7D7B7B
Armonie di colore
Complementare +180°
- 61524C
Scented Clove
- 49595F
≈ Iron Forge
Analogo -30° +30°
- 61524C
Scented Clove
- 625152
≈ Spanish Raisin
- 5E5448
≈ Canteen
Triadico +120° +240°
- 61524C
Scented Clove
- 4B5A52
≈ Secluded Woods
- 545462
≈ Black Dragon’s Cauldron
Complementare divisa +150° +210°
- 61524C
Scented Clove
- 485A59
≈ Hostaleaf
- 4D5762
≈ Rogue Blue
Tetradico +90° +180° +270°
- 61524C
Scented Clove
- 51594C
≈ Japanese Seaweed
- 49595F
≈ Iron Forge
- 5A525F
≈ Napa Grape
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.44:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.81:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.44:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--scented-clove: #61524c;
--scented-clove-rgb: 97 82 76;
--scented-clove-oklch: oklch(0.452 0.022 43);
}
.element {
color: var(--scented-clove);
background-color: hsl(17 12% 34%);
border-color: oklch(0.452 0.022 43);
}Tailwind CSS v4
@theme {
--color-scented-clove: #61524c;
--color-scented-clove-50: #fbf3f0;
--color-scented-clove-100: #efe6e2;
--color-scented-clove-200: #ddd1cd;
--color-scented-clove-300: #c2b4ae;
--color-scented-clove-400: #ab9b94;
--color-scented-clove-500: #94827b;
--color-scented-clove-600: #7d6e68;
--color-scented-clove-700: #645853;
--color-scented-clove-800: #4a403d;
--color-scented-clove-900: #332c2a;
--color-scented-clove-950: #1f1917;
}SCSS
$scented-clove: #61524c;
$scented-clove-rgb: 97, 82, 76;
$scented-clove-light: mix(#fff, $scented-clove, 20%);
$scented-clove-dark: mix(#000, $scented-clove, 20%);
.element {
color: $scented-clove;
box-shadow: 0 0 0 2px rgba($scented-clove, 0.35);
}