Couleur nommée · #907361
Scented Candle
Scented Candle correspond à #907361 : rgb(144 115 97), hsl(23 20% 47%), oklch(0.579 0.045 53.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Brown mean? → · Scented Candle color name →
#907361
oklch(0.579 0.045 53.4)
Conversions de couleur
- HEX
- #907361
- RGB
- rgb(144 115 97)
- HSL
- hsl(23 20% 47%)
- HWB
- hwb(23 38% 44%)
- OKLCH
- oklch(0.579 0.045 53.4)
- OKLab
- oklab(0.579 0.027 0.036)
- CIE Lab
- lab(50.94 9.74 14.54)
- LCH
- lch(50.94 17.5 56.2)
- CMYK
- cmyk(0% 20% 33% 44%)
Teintes · Ombres · Tons
Teintes
- 9B8070
- A68E7F
- B19B8E
- BCA99D
- C7B7AD
- D2C5BD
- DDD3CD
- E8E2DE
- F4F0EE
Ombres
- 7D6353
- 6A5446
- 574539
- 45362D
- 342821
- 241B15
- 150F0B
- 070503
- 010100
Tons
- 8F7464
- 8D7667
- 8C776B
- 8A786E
- 887A71
- 877B74
- 857C77
- 837E7A
- 827F7D
Harmonies de couleurs
Complémentaire +180°
- 907361
Scented Candle
- 5F7F91
≈ Pier 17 Steel
Analogue -30° +30°
- 907361
Scented Candle
- 93706D
≈ Oakwood Brown
- 87785B
≈ Hair Brown
Triadique +120° +240°
- 907361
Scented Candle
- 5E8377
≈ Idyllic Island
- 7B7593
≈ Iris Eyes
Complémentaire divisée +150° +210°
- 907361
Scented Candle
- 5A8286
≈ Rainier Blue
- 6C7A95
≈ Noble Blue
Tétradique +90° +180° +270°
- 907361
Scented Candle
- 6A8169
≈ Cliffside Park
- 5F7F91
≈ Pier 17 Steel
- 88718A
≈ Sapphire Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.36:1 · APCA Lc 70
Ag
AASur noir
WCAG 4.81:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.81:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--scented-candle: #907361;
--scented-candle-rgb: 144 115 97;
--scented-candle-oklch: oklch(0.579 0.045 53.4);
}
.element {
color: var(--scented-candle);
background-color: hsl(23 20% 47%);
border-color: oklch(0.579 0.045 53.4);
}Tailwind CSS v4
@theme {
--color-scented-candle: #907361;
--color-scented-candle-50: #fff2e9;
--color-scented-candle-100: #f5e4da;
--color-scented-candle-200: #e4d0c2;
--color-scented-candle-300: #cab2a2;
--color-scented-candle-400: #b59886;
--color-scented-candle-500: #9f7e6a;
--color-scented-candle-600: #866b5a;
--color-scented-candle-700: #6c5648;
--color-scented-candle-800: #4f3e34;
--color-scented-candle-900: #372b23;
--color-scented-candle-950: #221812;
}SCSS
$scented-candle: #907361;
$scented-candle-rgb: 144, 115, 97;
$scented-candle-light: mix(#fff, $scented-candle, 20%);
$scented-candle-dark: mix(#000, $scented-candle, 20%);
.element {
color: $scented-candle;
box-shadow: 0 0 0 2px rgba($scented-candle, 0.35);
}