Màu có tên gần nhất · #008B5F
#008B5F
Màu có tên gần nhất: Primal Green
#008B5F (rgb(0 139 95), hsl(161 100% 27%), oklch(0.563 0.123 162.3)) gần nhất với màu có tên Primal Green. 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.
#008B5F
oklch(0.563 0.123 162.3)
Chuyển đổi màu
- HEX
- #008b5f
- RGB
- rgb(0 139 95)
- HSL
- hsl(161 100% 27%)
- HWB
- hwb(161 0% 45%)
- OKLCH
- oklch(0.563 0.123 162.3)
- OKLab
- oklab(0.563 -0.117 0.037)
- CIE Lab
- lab(50.92 -41.77 14.22)
- LCH
- lch(50.92 44.13 161.2)
- CMYK
- cmyk(100% 0% 32% 45%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 35976E
- 51A27D
- 69AE8D
- 7FB99C
- 95C5AC
- AAD0BC
- BFDCCD
- D4E8DD
- EAF3EE
Sắc đậm
- 007852
- 006644
- 005438
- 00432C
- 003220
- 002315
- 00140A
- 000703
- 000100
Sắc xám
- 258A62
- 368966
- 448869
- 4F876C
- 588670
- 618573
- 6A8476
- 71837A
- 79817D
Hòa sắc
Bổ túc +180°
- 008B5F
Primal Green
- A55589
≈ Purple Zergling
Tương đồng -30° +30°
- 008B5F
Primal Green
- 598431
≈ Straken Green
- 008784
≈ Green Lapis
Bộ ba +120° +240°
- 008B5F
Primal Green
- 6B6ABB
≈ Bluish Purple Anemone
- B05A36
≈ Fiery Orange
Bổ túc chia +150° +210°
- 008B5F
Primal Green
- 8E5EA9
≈ Lusty Lavender
- B15361
≈ Kissed by a Zombies
Bộ bốn +90° +180° +270°
- 008B5F
Primal Green
- 3978BB
≈ Windows Blue
- A55589
≈ Purple Zergling
- A06800
≈ Cumin Ochre
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 4.32:1 · APCA Lc 69
Ag
AATrên nền đen
WCAG 4.85:1 · APCA Lc 32
Màu chữ tốt nhất: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Đoạn mã
CSS
:root {
--primal-green: #008b5f;
--primal-green-rgb: 0 139 95;
--primal-green-oklch: oklch(0.563 0.123 162.3);
}
.element {
color: var(--primal-green);
background-color: hsl(161 100% 27%);
border-color: oklch(0.563 0.123 162.3);
}Tailwind CSS v4
@theme {
--color-primal-green: #008b5f;
--color-primal-green-50: #d6ffec;
--color-primal-green-100: #c3f6dd;
--color-primal-green-200: #a3e5c7;
--color-primal-green-300: #78cca7;
--color-primal-green-400: #4fb588;
--color-primal-green-500: #019f6d;
--color-primal-green-600: #0e865d;
--color-primal-green-700: #0d6b4a;
--color-primal-green-800: #0b4f34;
--color-primal-green-900: #083723;
--color-primal-green-950: #002212;
}SCSS
$primal-green: #008b5f;
$primal-green-rgb: 0, 139, 95;
$primal-green-light: mix(#fff, $primal-green, 20%);
$primal-green-dark: mix(#000, $primal-green, 20%);
.element {
color: $primal-green;
box-shadow: 0 0 0 2px rgba($primal-green, 0.35);
}