Màu có tên gần nhất · #608645
#608645
Màu có tên gần nhất: Homegrown
#608645 (rgb(96 134 69), hsl(95 32% 40%), oklch(0.576 0.102 133.6)) gần nhất với màu có tên Homegrown. 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.
#608645
oklch(0.576 0.102 133.6)
Chuyển đổi màu
- HEX
- #608645
- RGB
- rgb(96 134 69)
- HSL
- hsl(95 32% 40%)
- HWB
- hwb(95 27% 47%)
- OKLCH
- oklch(0.576 0.102 133.6)
- OKLab
- oklab(0.576 -0.07 0.074)
- CIE Lab
- lab(51.9 -22.96 30.34)
- LCH
- lch(51.9 38.05 127.1)
- CMYK
- cmyk(28% 0% 49% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6F9257
- 7E9E6A
- 8EA97C
- 9DB58E
- ADC1A0
- BDCEB3
- CDDAC6
- DEE6D8
- EEF3EC
Sắc đậm
- 52743B
- 456231
- 385127
- 2C401E
- 203015
- 15210C
- 0A1305
- 030602
- 000100
Sắc xám
- 63864C
- 678552
- 6A8559
- 6D845F
- 708465
- 74836A
- 778270
- 7A8275
- 7D817B
Hòa sắc
Bổ túc +180°
- 608645
Homegrown
- 8F66A4
≈ Empire Violet
Tương đồng -30° +30°
- 608645
Homegrown
- 847B29
≈ Verdant
- 328C68
≈ Leprechaun
Bộ ba +120° +240°
- 608645
Homegrown
- 4C7BB4
≈ Ashton Blue
- AD5E67
≈ Redbud
Bổ túc chia +150° +210°
- 608645
Homegrown
- 7170B3
≈ Clear Mauve
- A35F88
≈ Thimble Red
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.20:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.99:1 · APCA Lc 33
Màu chữ tốt nhất: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Đoạn mã
CSS
:root {
--homegrown: #608645;
--homegrown-rgb: 96 134 69;
--homegrown-oklch: oklch(0.576 0.102 133.6);
}
.element {
color: var(--homegrown);
background-color: hsl(95 32% 40%);
border-color: oklch(0.576 0.102 133.6);
}Tailwind CSS v4
@theme {
--color-homegrown: #608645;
--color-homegrown-50: #e9fcdf;
--color-homegrown-100: #d9f0ce;
--color-homegrown-200: #c1dfb3;
--color-homegrown-300: #a0c48f;
--color-homegrown-400: #86ac6d;
--color-homegrown-500: #6a954c;
--color-homegrown-600: #5a7e41;
--color-homegrown-700: #486533;
--color-homegrown-800: #354a23;
--color-homegrown-900: #243317;
--color-homegrown-950: #131f08;
}SCSS
$homegrown: #608645;
$homegrown-rgb: 96, 134, 69;
$homegrown-light: mix(#fff, $homegrown, 20%);
$homegrown-dark: mix(#000, $homegrown, 20%);
.element {
color: $homegrown;
box-shadow: 0 0 0 2px rgba($homegrown, 0.35);
}