Màu có tên · #907361
Scented Candle
Scented Candle là #907361: rgb(144 115 97), hsl(23 20% 47%), oklch(0.579 0.045 53.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Brown mean? → · Scented Candle color name →
#907361
oklch(0.579 0.045 53.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9B8070
- A68E7F
- B19B8E
- BCA99D
- C7B7AD
- D2C5BD
- DDD3CD
- E8E2DE
- F4F0EE
Sắc đậm
- 7D6353
- 6A5446
- 574539
- 45362D
- 342821
- 241B15
- 150F0B
- 070503
- 010100
Sắc xám
- 8F7464
- 8D7667
- 8C776B
- 8A786E
- 887A71
- 877B74
- 857C77
- 837E7A
- 827F7D
Hòa sắc
Bổ túc +180°
- 907361
Scented Candle
- 5F7F91
≈ Pier 17 Steel
Tương đồng -30° +30°
- 907361
Scented Candle
- 93706D
≈ Oakwood Brown
- 87785B
≈ Hair Brown
Bộ ba +120° +240°
- 907361
Scented Candle
- 5E8377
≈ Idyllic Island
- 7B7593
≈ Iris Eyes
Bổ túc chia +150° +210°
- 907361
Scented Candle
- 5A8286
≈ Rainier Blue
- 6C7A95
≈ Noble Blue
Bộ bốn +90° +180° +270°
- 907361
Scented Candle
- 6A8169
≈ Cliffside Park
- 5F7F91
≈ Pier 17 Steel
- 88718A
≈ Sapphire Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.36:1 · APCA Lc 70
Ag
AATrên nền đen
WCAG 4.81:1 · APCA Lc 31
Màu chữ tốt nhất: #000000
WCAG 4.81:1 (AA) · APCA Lc 31
Contrast pairs
Đoạn mã
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);
}