Màu có tên gần nhất · #55AE3A
#55AE3A
Màu có tên gần nhất: Grass
#55AE3A (rgb(85 174 58), hsl(106 50% 45%), oklch(0.671 0.175 139.2)) gần nhất với màu có tên Grass. 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.
#55AE3A
oklch(0.671 0.175 139.2)
Chuyển đổi màu
- HEX
- #55ae3a
- RGB
- rgb(85 174 58)
- HSL
- hsl(106 50% 45%)
- HWB
- hwb(106 23% 32%)
- OKLCH
- oklch(0.671 0.175 139.2)
- OKLab
- oklab(0.671 -0.132 0.114)
- CIE Lab
- lab(63.85 -44 48.73)
- LCH
- lch(63.85 65.66 132.1)
- CMYK
- cmyk(51% 0% 67% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 68B652
- 79BF67
- 8BC77B
- 9BCF8E
- ACD8A1
- BDE0B4
- CDE8C6
- DEEFD9
- EEF7EC
Sắc đậm
- 499731
- 3D8028
- 316A20
- 265518
- 1C4110
- 112E09
- 081C04
- 020B01
- 000100
Sắc xám
- 5BAA45
- 61A54E
- 66A156
- 6B9C5E
- 6F9864
- 73936A
- 778F70
- 7A8A76
- 7D857B
Hòa sắc
Bổ túc +180°
- 55AE3A
Grass
- C36DD8
≈ Blueberry Glaze
Tương đồng -30° +30°
- 55AE3A
Grass
- 9D9C00
≈ Papyrus
- 00AF88
≈ Victorian Greenhouse
Bộ ba +120° +240°
- 55AE3A
Grass
- 4F93FF
≈ Polar Glow
- EE6069
≈ Dubarry
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.79:1 · APCA Lc 54
Ag
AAATrên nền đen
WCAG 7.50:1 · APCA Lc 48
Màu chữ tốt nhất: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Đoạn mã
CSS
:root {
--grass: #55ae3a;
--grass-rgb: 85 174 58;
--grass-oklch: oklch(0.671 0.175 139.2);
}
.element {
color: var(--grass);
background-color: hsl(106 50% 45%);
border-color: oklch(0.671 0.175 139.2);
}Tailwind CSS v4
@theme {
--color-grass: #55ae3a;
--color-grass-50: #daffd4;
--color-grass-100: #c8f7c1;
--color-grass-200: #aae7a1;
--color-grass-300: #82cd77;
--color-grass-400: #62b64a;
--color-grass-500: #3a9f0c;
--color-grass-600: #338712;
--color-grass-700: #286c0f;
--color-grass-800: #204f02;
--color-grass-900: #153703;
--color-grass-950: #062200;
}SCSS
$grass: #55ae3a;
$grass-rgb: 85, 174, 58;
$grass-light: mix(#fff, $grass, 20%);
$grass-dark: mix(#000, $grass, 20%);
.element {
color: $grass;
box-shadow: 0 0 0 2px rgba($grass, 0.35);
}