Màu có tên gần nhất · #578227
#578227
Màu có tên gần nhất: Enchanted Forest
#578227 (rgb(87 130 39), hsl(88 54% 33%), oklch(0.556 0.129 131.3)) gần nhất với màu có tên Enchanted Forest. 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.
#578227
oklch(0.556 0.129 131.3)
Chuyển đổi màu
- HEX
- #578227
- RGB
- rgb(87 130 39)
- HSL
- hsl(88 54% 33%)
- HWB
- hwb(88 15% 49%)
- OKLCH
- oklch(0.556 0.129 131.3)
- OKLab
- oklab(0.556 -0.085 0.097)
- CIE Lab
- lab(49.79 -26.93 42.07)
- LCH
- lch(49.79 49.95 122.6)
- CMYK
- cmyk(33% 0% 70% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 678E40
- 779B56
- 87A76B
- 97B380
- A8C095
- B9CCAA
- CAD9BF
- DCE6D4
- EDF2E9
Sắc đậm
- 4B7020
- 3E5F1A
- 334E14
- 273E0E
- 1C2F08
- 122004
- 081202
- 030601
- 000100
Sắc xám
- 5B8234
- 60823F
- 648248
- 688251
- 6C825A
- 708262
- 74816A
- 788171
- 7C8179
Hòa sắc
Bổ túc +180°
- 578227
Enchanted Forest
- 8C5BAA
≈ Lusty Lavender
Tương đồng -30° +30°
- 578227
Enchanted Forest
- 827400
≈ Tool Green
- 00895B
≈ Vital Green
Bộ ba +120° +240°
- 578227
Enchanted Forest
- 3076BC
≈ Bluish
- B14E60
≈ Holly Berry
Bổ túc chia +150° +210°
- 578227
Enchanted Forest
- 6868BC
≈ Bluish Purple Anemone
- A45189
≈ Purple Zergling
Bộ bốn +90° +180° +270°
- 578227
Enchanted Forest
- 00809D
≈ Amazing Sky
- 8C5BAA
≈ Lusty Lavender
- B05531
≈ Red Stage
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.53:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.62:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--enchanted-forest: #578227;
--enchanted-forest-rgb: 87 130 39;
--enchanted-forest-oklch: oklch(0.556 0.129 131.3);
}
.element {
color: var(--enchanted-forest);
background-color: hsl(88 54% 33%);
border-color: oklch(0.556 0.129 131.3);
}Tailwind CSS v4
@theme {
--color-enchanted-forest: #578227;
--color-enchanted-forest-50: #e7fed8;
--color-enchanted-forest-100: #d7f2c6;
--color-enchanted-forest-200: #bfe1a8;
--color-enchanted-forest-300: #9dc681;
--color-enchanted-forest-400: #83ae5a;
--color-enchanted-forest-500: #669731;
--color-enchanted-forest-600: #57802b;
--color-enchanted-forest-700: #456622;
--color-enchanted-forest-800: #344b14;
--color-enchanted-forest-900: #23340d;
--color-enchanted-forest-950: #121f02;
}SCSS
$enchanted-forest: #578227;
$enchanted-forest-rgb: 87, 130, 39;
$enchanted-forest-light: mix(#fff, $enchanted-forest, 20%);
$enchanted-forest-dark: mix(#000, $enchanted-forest, 20%);
.element {
color: $enchanted-forest;
box-shadow: 0 0 0 2px rgba($enchanted-forest, 0.35);
}