Màu có tên gần nhất · #4FC66F
#4FC66F
Màu có tên gần nhất: Bermudagrass
#4FC66F (rgb(79 198 111), hsl(136 51% 54%), oklch(0.738 0.164 149.5)) gần nhất với màu có tên Bermudagrass. 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.
#4FC66F
oklch(0.738 0.164 149.5)
Chuyển đổi màu
- HEX
- #4fc66f
- RGB
- rgb(79 198 111)
- HSL
- hsl(136 51% 54%)
- HWB
- hwb(136 31% 22%)
- OKLCH
- oklch(0.738 0.164 149.5)
- OKLab
- oklab(0.738 -0.141 0.083)
- CIE Lab
- lab(71.68 -49.09 33.18)
- LCH
- lch(71.68 59.25 145.9)
- CMYK
- cmyk(60% 0% 44% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 66CC7E
- 7AD28C
- 8CD89B
- 9DDEA9
- AEE4B7
- BFE9C6
- CFEFD4
- DFF4E2
- EFFAF1
Sắc đậm
- 44AC60
- 389251
- 2E7A42
- 236234
- 194B27
- 10351A
- 07210E
- 020E04
- 000201
Sắc xám
- 58BF72
- 60B874
- 66B176
- 6CAA78
- 70A37A
- 759C7B
- 78957D
- 7B8E7E
- 7E877F
Hòa sắc
Bổ túc +180°
- 4FC66F
Bermudagrass
- E281DC
≈ Hibiscus Pop
Tương đồng -30° +30°
- 4FC66F
Bermudagrass
- 9FB824
≈ Sick Green
- 00C5AD
≈ Amazonite
Bộ ba +120° +240°
- 4FC66F
Bermudagrass
- 88A5FF
≈ Fennel Flower
- FF7E6D
≈ Hipster Salmon
Bổ túc chia +150° +210°
- 4FC66F
Bermudagrass
- B991FF
≈ Liliac
- FA79A7
≈ Pico-8 Pink
Bộ bốn +90° +180° +270°
- 4FC66F
Bermudagrass
- 33B5FF
≈ Cherenkov Radiation
- E281DC
≈ Hibiscus Pop
- F48D23
≈ Spicy Paella
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.17:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.63:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.63:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--bermudagrass: #4fc66f;
--bermudagrass-rgb: 79 198 111;
--bermudagrass-oklch: oklch(0.738 0.164 149.5);
}
.element {
color: var(--bermudagrass);
background-color: hsl(136 51% 54%);
border-color: oklch(0.738 0.164 149.5);
}Tailwind CSS v4
@theme {
--color-bermudagrass: #4fc66f;
--color-bermudagrass-50: #d4ffde;
--color-bermudagrass-100: #c0f8cd;
--color-bermudagrass-200: #9fe9b1;
--color-bermudagrass-300: #72cf8c;
--color-bermudagrass-400: #49b867;
--color-bermudagrass-500: #00a243;
--color-bermudagrass-600: #00893a;
--color-bermudagrass-700: #006e2e;
--color-bermudagrass-800: #08511d;
--color-bermudagrass-900: #063813;
--color-bermudagrass-950: #002305;
}SCSS
$bermudagrass: #4fc66f;
$bermudagrass-rgb: 79, 198, 111;
$bermudagrass-light: mix(#fff, $bermudagrass, 20%);
$bermudagrass-dark: mix(#000, $bermudagrass, 20%);
.element {
color: $bermudagrass;
box-shadow: 0 0 0 2px rgba($bermudagrass, 0.35);
}