Màu có tên gần nhất · #2D6731
#2D6731
Màu có tên gần nhất: Bucolic
#2D6731 (rgb(45 103 49), hsl(124 39% 29%), oklch(0.461 0.104 145)) gần nhất với màu có tên Bucolic. 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.
#2D6731
oklch(0.461 0.104 145)
Chuyển đổi màu
- HEX
- #2d6731
- RGB
- rgb(45 103 49)
- HSL
- hsl(124 39% 29%)
- HWB
- hwb(124 18% 60%)
- OKLCH
- oklch(0.461 0.104 145)
- OKLab
- oklab(0.461 -0.085 0.06)
- CIE Lab
- lab(38.71 -29.19 24.28)
- LCH
- lch(38.71 37.96 140.2)
- CMYK
- cmyk(56% 0% 52% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 427545
- 578458
- 6B936C
- 80A280
- 94B194
- A9C0A9
- BED0BE
- D3DFD3
- E9EFE9
Sắc đậm
- 265929
- 1F4B22
- 183D1A
- 113013
- 0B230C
- 061706
- 020C03
- 010401
- 000000
Sắc xám
- 376A39
- 406C42
- 496F4A
- 517252
- 597459
- 617761
- 697969
- 717B71
- 787E78
Hòa sắc
Bổ túc +180°
- 2D6731
Bucolic
- 754278
≈ Spring Lobster Dye
Tương đồng -30° +30°
- 2D6731
Bucolic
- 575E01
≈ Greensboro
- 006855
≈ Piney Lake
Bộ ba +120° +240°
- 2D6731
Bucolic
- 3B5592
≈ Muted Lavender
- 893E3A
≈ Red Blooded
Bổ túc chia +150° +210°
- 2D6731
Bucolic
- 5D4B8C
≈ Purple Corallite
- 843D5B
≈ Ancient Royal Banner
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.78:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.09:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--bucolic: #2d6731;
--bucolic-rgb: 45 103 49;
--bucolic-oklch: oklch(0.461 0.104 145);
}
.element {
color: var(--bucolic);
background-color: hsl(124 39% 29%);
border-color: oklch(0.461 0.104 145);
}Tailwind CSS v4
@theme {
--color-bucolic: #2d6731;
--color-bucolic-50: #e3fee4;
--color-bucolic-100: #d2f2d4;
--color-bucolic-200: #b8e1bb;
--color-bucolic-300: #94c699;
--color-bucolic-400: #77af78;
--color-bucolic-500: #579859;
--color-bucolic-600: #4a814c;
--color-bucolic-700: #3b673d;
--color-bucolic-800: #2b4c2a;
--color-bucolic-900: #1d341c;
--color-bucolic-950: #0d200c;
}SCSS
$bucolic: #2d6731;
$bucolic-rgb: 45, 103, 49;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}