Màu có tên gần nhất · #3A6329
#3A6329
Màu có tên gần nhất: Greenhouse
#3A6329 (rgb(58 99 41), hsl(102 41% 27%), oklch(0.455 0.099 137.4)) gần nhất với màu có tên Greenhouse. 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.
#3A6329
oklch(0.455 0.099 137.4)
Chuyển đổi màu
- HEX
- #3a6329
- RGB
- rgb(58 99 41)
- HSL
- hsl(102 41% 27%)
- HWB
- hwb(102 16% 61%)
- OKLCH
- oklch(0.455 0.099 137.4)
- OKLab
- oklab(0.455 -0.073 0.067)
- CIE Lab
- lab(37.88 -23.98 27.73)
- LCH
- lch(37.88 36.66 130.8)
- CMYK
- cmyk(41% 0% 59% 61%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4C723E
- 5F8152
- 729067
- 859F7B
- 98AF90
- ACBEA6
- C1CEBC
- D5DED2
- EAEFE8
Sắc đậm
- 315522
- 28471C
- 203A15
- 182E0F
- 102109
- 091605
- 040B02
- 010301
- 000000
Sắc xám
- 416633
- 49693C
- 506C45
- 576F4E
- 5E7256
- 64755E
- 6B7867
- 727B6F
- 797D78
Hòa sắc
Bổ túc +180°
- 3A6329
Greenhouse
- 6D447A
≈ Palace Purple
Tương đồng -30° +30°
- 3A6329
Greenhouse
- 5D5A00
≈ Greensboro
- 00674C
≈ Bottle Green
Bộ ba +120° +240°
- 3A6329
Greenhouse
- 31578D
≈ Dark Cobalt Blue
- 853D42
≈ Dark Crimson
Bổ túc chia +150° +210°
- 3A6329
Greenhouse
- 544C8A
≈ Victoria
- 7D3E61
≈ Pleasure
Bộ bốn +90° +180° +270°
- 3A6329
Greenhouse
- 00607D
≈ Back of Beyond
- 6D447A
≈ Palace Purple
- 824320
≈ Russet
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.00:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 2.99:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 7.00:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--greenhouse: #3a6329;
--greenhouse-rgb: 58 99 41;
--greenhouse-oklch: oklch(0.455 0.099 137.4);
}
.element {
color: var(--greenhouse);
background-color: hsl(102 41% 27%);
border-color: oklch(0.455 0.099 137.4);
}Tailwind CSS v4
@theme {
--color-greenhouse: #3a6329;
--color-greenhouse-50: #e7fde2;
--color-greenhouse-100: #d7f0d1;
--color-greenhouse-200: #bfdfb7;
--color-greenhouse-300: #9ec494;
--color-greenhouse-400: #82ac72;
--color-greenhouse-500: #659553;
--color-greenhouse-600: #567e47;
--color-greenhouse-700: #456538;
--color-greenhouse-800: #334a26;
--color-greenhouse-900: #23331a;
--color-greenhouse-950: #121f0a;
}SCSS
$greenhouse: #3a6329;
$greenhouse-rgb: 58, 99, 41;
$greenhouse-light: mix(#fff, $greenhouse, 20%);
$greenhouse-dark: mix(#000, $greenhouse, 20%);
.element {
color: $greenhouse;
box-shadow: 0 0 0 2px rgba($greenhouse, 0.35);
}