Màu có tên gần nhất · #60C070
#60C070
Màu có tên gần nhất: Bermudagrass
#60C070 (rgb(96 192 112), hsl(130 43% 56%), oklch(0.729 0.146 147.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.
#60C070
oklch(0.729 0.146 147.5)
Chuyển đổi màu
- HEX
- #60c070
- RGB
- rgb(96 192 112)
- HSL
- hsl(130 43% 56%)
- HWB
- hwb(130 38% 25%)
- OKLCH
- oklch(0.729 0.146 147.5)
- OKLab
- oklab(0.729 -0.123 0.079)
- CIE Lab
- lab(70.44 -42.58 31.25)
- LCH
- lch(70.44 52.82 143.7)
- CMYK
- cmyk(50% 0% 42% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 72C77F
- 83CD8D
- 94D49B
- A3DAA9
- B3E0B7
- C2E7C6
- D2EDD4
- E1F3E2
- F0F9F1
Sắc đậm
- 52A760
- 458E51
- 387643
- 2C5F35
- 204927
- 15341A
- 0A200E
- 030E04
- 000201
Sắc xám
- 65BA72
- 6AB375
- 6EAD77
- 72A778
- 75A07A
- 789A7B
- 7B937D
- 7D8D7E
- 7E877F
Hòa sắc
Bổ túc +180°
- 60C070
Bermudagrass
- D884D6
≈ Blush Essence
Tương đồng -30° +30°
- 60C070
Bermudagrass
- A1B338
≈ Vintage Chartreuse
- 00C2A7
≈ Turquoise
Bộ ba +120° +240°
- 60C070
Bermudagrass
- 81A3FF
≈ Fennel Flower
- F68073
≈ Smoked Salmon
Bổ túc chia +150° +210°
- 60C070
Bermudagrass
- B292F7
≈ Liliac
- EF7DA8
≈ Pink Carnation
Bộ bốn +90° +180° +270°
- 60C070
Bermudagrass
- 31B3F8
≈ Blue Bolt
- D884D6
≈ Blush Essence
- EB8D3E
≈ California
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.26:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.27:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--bermudagrass: #60c070;
--bermudagrass-rgb: 96 192 112;
--bermudagrass-oklch: oklch(0.729 0.146 147.5);
}
.element {
color: var(--bermudagrass);
background-color: hsl(130 43% 56%);
border-color: oklch(0.729 0.146 147.5);
}Tailwind CSS v4
@theme {
--color-bermudagrass: #60c070;
--color-bermudagrass-50: #d9ffdf;
--color-bermudagrass-100: #c6f6ce;
--color-bermudagrass-200: #a8e6b3;
--color-bermudagrass-300: #7fcc8f;
--color-bermudagrass-400: #5bb56a;
--color-bermudagrass-500: #2c9f48;
--color-bermudagrass-600: #28873e;
--color-bermudagrass-700: #206c31;
--color-bermudagrass-800: #194f20;
--color-bermudagrass-900: #113715;
--color-bermudagrass-950: #032206;
}SCSS
$bermudagrass: #60c070;
$bermudagrass-rgb: 96, 192, 112;
$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);
}