Màu có tên gần nhất · #567033
#567033
Màu có tên gần nhất: Botanical
#567033 (rgb(86 112 51), hsl(86 37% 32%), oklch(0.51 0.093 128.4)) gần nhất với màu có tên Botanical. 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.
#567033
oklch(0.51 0.093 128.4)
Chuyển đổi màu
- HEX
- #567033
- RGB
- rgb(86 112 51)
- HSL
- hsl(86 37% 32%)
- HWB
- hwb(86 20% 56%)
- OKLCH
- oklch(0.51 0.093 128.4)
- OKLab
- oklab(0.51 -0.057 0.073)
- CIE Lab
- lab(44.07 -18.12 30.24)
- LCH
- lch(44.07 35.25 120.9)
- CMYK
- cmyk(23% 0% 54% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 657E47
- 758B5B
- 85996F
- 96A783
- A7B697
- B8C4AB
- C9D3BF
- DBE1D4
- EDF0EA
Sắc đậm
- 4A602B
- 3E5123
- 32431C
- 273514
- 1C270D
- 121A07
- 080E03
- 020401
- 000100
Sắc xám
- 5A723C
- 5E7444
- 62754C
- 677754
- 6B795C
- 6F7A63
- 737C6A
- 777D72
- 7C7F79
Hòa sắc
Bổ túc +180°
- 567033
Botanical
- 75578F
≈ Classic Waltz
Tương đồng -30° +30°
- 567033
Botanical
- 74661D
≈ Spicy Mustard
- 2E7652
≈ Greasy Greens
Bộ ba +120° +240°
- 567033
Botanical
- 376A98
≈ Star Sapphire
- 924E5B
≈ Rialto
Bổ túc chia +150° +210°
- 567033
Botanical
- 5A609A
≈ Wizard’s Potion
- 885078
≈ Purple Davenport
Bộ bốn +90° +180° +270°
- 567033
Botanical
- 007289
≈ Waterworld
- 75578F
≈ Classic Waltz
- 93523D
≈ Ruskin Red
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.58:1 · APCA Lc 78
Ag
FailTrên nền đen
WCAG 3.76:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--botanical: #567033;
--botanical-rgb: 86 112 51;
--botanical-oklch: oklch(0.51 0.093 128.4);
}
.element {
color: var(--botanical);
background-color: hsl(86 37% 32%);
border-color: oklch(0.51 0.093 128.4);
}Tailwind CSS v4
@theme {
--color-botanical: #567033;
--color-botanical-50: #ecfbe0;
--color-botanical-100: #deefcf;
--color-botanical-200: #c7ddb4;
--color-botanical-300: #a7c190;
--color-botanical-400: #8ea96e;
--color-botanical-500: #74924d;
--color-botanical-600: #627b42;
--color-botanical-700: #4e6334;
--color-botanical-800: #3a4824;
--color-botanical-900: #283218;
--color-botanical-950: #161e08;
}SCSS
$botanical: #567033;
$botanical-rgb: 86, 112, 51;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}