Màu có tên gần nhất · #7AB66B
#7AB66B
Màu có tên gần nhất: Soon to Be Hay
#7AB66B (rgb(122 182 107), hsl(108 34% 57%), oklch(0.717 0.122 139.5)) gần nhất với màu có tên Soon to Be Hay. 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.
#7AB66B
oklch(0.717 0.122 139.5)
Chuyển đổi màu
- HEX
- #7ab66b
- RGB
- rgb(122 182 107)
- HSL
- hsl(108 34% 57%)
- HWB
- hwb(108 42% 29%)
- OKLCH
- oklch(0.717 0.122 139.5)
- OKLab
- oklab(0.717 -0.093 0.079)
- CIE Lab
- lab(68.57 -31.07 31.74)
- LCH
- lch(68.57 44.42 134.4)
- CMYK
- cmyk(33% 0% 41% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87BD7A
- 95C589
- A2CC98
- AFD3A6
- BCDBB5
- CAE2C4
- D7E9D2
- E4F1E1
- F2F8F0
Sắc đậm
- 699E5C
- 59864E
- 496F3F
- 3A5932
- 2B4425
- 1D3018
- 101D0D
- 050C04
- 010200
Sắc xám
- 7BB16E
- 7CAB71
- 7DA673
- 7EA175
- 7F9B78
- 7F9679
- 7F907B
- 808B7D
- 80857F
Hòa sắc
Bổ túc +180°
- 7AB66B
Soon to Be Hay
- C58AD3
≈ Purception
Tương đồng -30° +30°
- 7AB66B
Soon to Be Hay
- A9AA47
≈ Delightful Camouflage
- 40BC97
≈ Expressionism Green
Bộ ba +120° +240°
- 7AB66B
Soon to Be Hay
- 75A4EF
≈ Greek Sea
- E68384
≈ Sugar Poppy
Bổ túc chia +150° +210°
- 7AB66B
Soon to Be Hay
- A296EB
≈ Dull Lavender
- DC83AF
≈ Middle Purple
Bộ bốn +90° +180° +270°
- 7AB66B
Soon to Be Hay
- 3EB1E0
≈ Summer Sky
- C58AD3
≈ Purception
- E08B5B
≈ Copper Tan
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.40:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.73:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--soon-to-be-hay: #7ab66b;
--soon-to-be-hay-rgb: 122 182 107;
--soon-to-be-hay-oklch: oklch(0.717 0.122 139.5);
}
.element {
color: var(--soon-to-be-hay);
background-color: hsl(108 34% 57%);
border-color: oklch(0.717 0.122 139.5);
}Tailwind CSS v4
@theme {
--color-soon-to-be-hay: #7ab66b;
--color-soon-to-be-hay-50: #e2ffde;
--color-soon-to-be-hay-100: #d2f3cd;
--color-soon-to-be-hay-200: #b8e2b2;
--color-soon-to-be-hay-300: #94c78d;
--color-soon-to-be-hay-400: #77b069;
--color-soon-to-be-hay-500: #589947;
--color-soon-to-be-hay-600: #4b813d;
--color-soon-to-be-hay-700: #3c6830;
--color-soon-to-be-hay-800: #2c4c20;
--color-soon-to-be-hay-900: #1e3515;
--color-soon-to-be-hay-950: #0e2006;
}SCSS
$soon-to-be-hay: #7ab66b;
$soon-to-be-hay-rgb: 122, 182, 107;
$soon-to-be-hay-light: mix(#fff, $soon-to-be-hay, 20%);
$soon-to-be-hay-dark: mix(#000, $soon-to-be-hay, 20%);
.element {
color: $soon-to-be-hay;
box-shadow: 0 0 0 2px rgba($soon-to-be-hay, 0.35);
}