Màu có tên gần nhất · #104B32
#104B32
Màu có tên gần nhất: Zucchini
#104B32 (rgb(16 75 50), hsl(155 65% 18%), oklch(0.368 0.074 160.6)) gần nhất với màu có tên Zucchini. 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.
#104B32
oklch(0.368 0.074 160.6)
Chuyển đổi màu
- HEX
- #104b32
- RGB
- rgb(16 75 50)
- HSL
- hsl(155 65% 18%)
- HWB
- hwb(155 6% 71%)
- OKLCH
- oklch(0.368 0.074 160.6)
- OKLab
- oklab(0.368 -0.069 0.024)
- CIE Lab
- lab(27.72 -24.6 9.35)
- LCH
- lch(27.72 26.32 159.2)
- CMYK
- cmyk(79% 0% 33% 71%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 2B5B44
- 426C57
- 597E6A
- 708F7E
- 86A192
- 9EB3A7
- B5C6BC
- CED9D2
- E6ECE8
Sắc đậm
- 0C402A
- 093522
- 062B1B
- 042114
- 02170D
- 010E07
- 000603
- 000201
- 000000
Sắc xám
- 205039
- 2C5641
- 375B48
- 426050
- 4D6558
- 576B60
- 617068
- 6C7570
- 767B78
Hòa sắc
Bổ túc +180°
- 104B32
Zucchini
- 592F4B
≈ Winter Bloom
Tương đồng -30° +30°
- 104B32
Zucchini
- 32471A
≈ Treetop Cathedral
- 004A47
≈ Deep Into the Jungle
Bộ ba +120° +240°
- 104B32
Zucchini
- 383A65
≈ Rhynchites Nitens
- 5F301F
≈ Overbaked
Bổ túc chia +150° +210°
- 104B32
Zucchini
- 4C335C
≈ Royal Crown
- 602D36
≈ Chocolate Truffle
Bộ bốn +90° +180° +270°
- 104B32
Zucchini
- 1E4165
≈ Alpine Race
- 592F4B
≈ Winter Bloom
- 583809
≈ Pineapple
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.12:1 · APCA Lc 93
Ag
FailTrên nền đen
WCAG 2.07:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.12:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--zucchini: #104b32;
--zucchini-rgb: 16 75 50;
--zucchini-oklch: oklch(0.368 0.074 160.6);
}
.element {
color: var(--zucchini);
background-color: hsl(155 65% 18%);
border-color: oklch(0.368 0.074 160.6);
}Tailwind CSS v4
@theme {
--color-zucchini: #104b32;
--color-zucchini-50: #e3fcef;
--color-zucchini-100: #d3f0e1;
--color-zucchini-200: #b9dfcb;
--color-zucchini-300: #96c4ac;
--color-zucchini-400: #77ac90;
--color-zucchini-500: #579576;
--color-zucchini-600: #4b7e64;
--color-zucchini-700: #3b6550;
--color-zucchini-800: #2b4a39;
--color-zucchini-900: #1d3427;
--color-zucchini-950: #0d1f15;
}SCSS
$zucchini: #104b32;
$zucchini-rgb: 16, 75, 50;
$zucchini-light: mix(#fff, $zucchini, 20%);
$zucchini-dark: mix(#000, $zucchini, 20%);
.element {
color: $zucchini;
box-shadow: 0 0 0 2px rgba($zucchini, 0.35);
}