Màu có tên gần nhất · #009E5B
#009E5B
Màu có tên gần nhất: Shamrock
#009E5B (rgb(0 158 91), hsl(155 100% 31%), oklch(0.614 0.151 155.3)) gần nhất với màu có tên Shamrock. 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.
#009E5B
oklch(0.614 0.151 155.3)
Chuyển đổi màu
- HEX
- #009e5b
- RGB
- rgb(0 158 91)
- HSL
- hsl(155 100% 31%)
- HWB
- hwb(155 0% 38%)
- OKLCH
- oklch(0.614 0.151 155.3)
- OKLab
- oklab(0.614 -0.137 0.063)
- CIE Lab
- lab(57.22 -48.7 24.72)
- LCH
- lch(57.22 54.61 153.1)
- CMYK
- cmyk(100% 0% 42% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 39A86B
- 55B27B
- 6EBC8B
- 84C59B
- 99CFAB
- AED9BC
- C2E2CC
- D7ECDD
- EBF5EE
Sắc đậm
- 00894E
- 007441
- 006035
- 004D29
- 003A1E
- 002913
- 001809
- 000903
- 000100
Sắc xám
- 289B5F
- 3A9963
- 489667
- 53936B
- 5C906F
- 658D72
- 6C8A76
- 738779
- 7A837D
Hòa sắc
Bổ túc +180°
- 009E5B
Shamrock
- BA5DA7
≈ Mazzy Star
Tương đồng -30° +30°
- 009E5B
Shamrock
- 6F930F
≈ Canopy
- 00998D
≈ Plumage
Bộ ba +120° +240°
- 009E5B
Shamrock
- 6C79DE
≈ Pan Purple
- CF5D40
≈ Arabesque
Bổ túc chia +150° +210°
- 009E5B
Shamrock
- 9A69CC
≈ Amethyst
- CC5778
≈ Strawberry Moon
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 3.47:1 · APCA Lc 62
Ag
AATrên nền đen
WCAG 6.04:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.04:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--shamrock: #009e5b;
--shamrock-rgb: 0 158 91;
--shamrock-oklch: oklch(0.614 0.151 155.3);
}
.element {
color: var(--shamrock);
background-color: hsl(155 100% 31%);
border-color: oklch(0.614 0.151 155.3);
}Tailwind CSS v4
@theme {
--color-shamrock: #009e5b;
--color-shamrock-50: #d2ffe4;
--color-shamrock-100: #bff8d4;
--color-shamrock-200: #9de8bb;
--color-shamrock-300: #6fcf99;
--color-shamrock-400: #42b877;
--color-shamrock-500: #00a258;
--color-shamrock-600: #00894b;
--color-shamrock-700: #006e3c;
--color-shamrock-800: #005128;
--color-shamrock-900: #01381b;
--color-shamrock-950: #00230b;
}SCSS
$shamrock: #009e5b;
$shamrock-rgb: 0, 158, 91;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}