Màu có tên gần nhất · #00A47C
#00A47C
Màu có tên gần nhất: Herbal
#00A47C (rgb(0 164 124), hsl(165 100% 32%), oklch(0.638 0.13 167.8)) gần nhất với màu có tên Herbal. 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.
#00A47C
oklch(0.638 0.13 167.8)
Chuyển đổi màu
- HEX
- #00a47c
- RGB
- rgb(0 164 124)
- HSL
- hsl(165 100% 32%)
- HWB
- hwb(165 0% 36%)
- OKLCH
- oklch(0.638 0.13 167.8)
- OKLab
- oklab(0.638 -0.127 0.027)
- CIE Lab
- lab(59.74 -45.11 10.19)
- LCH
- lch(59.74 46.24 167.3)
- CMYK
- cmyk(100% 0% 24% 36%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 3BAD88
- 58B695
- 70C0A2
- 86C9AF
- 9BD2BC
- B0DBC9
- C4E4D6
- D8EDE4
- EBF6F1
Sắc đậm
- 008E6B
- 00795A
- 00644A
- 00503B
- 003D2C
- 002B1E
- 001A11
- 000A05
- 000101
Sắc xám
- 2AA17C
- 3C9D7D
- 4A9A7D
- 55967E
- 5E937E
- 668F7F
- 6D8B7F
- 74887F
- 7A8480
Hòa sắc
Bổ túc +180°
- 00A47C
Herbal
- C4689A
≈ Nocturnal Rose
Tương đồng -30° +30°
- 00A47C
Herbal
- 639E4C
≈ Flat Green
- 009FA3
≈ Pleasant Stream
Bộ ba +120° +240°
- 00A47C
Herbal
- 887DD5
≈ Indigo Bloom
- CA703F
≈ Hot Caramel
Bổ túc chia +150° +210°
- 00A47C
Herbal
- AC71BE
≈ Soft Purple
- CE686E
≈ Strawberry Wine
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.18:1 · APCA Lc 58
Ag
AATrên nền đen
WCAG 6.60:1 · APCA Lc 43
Màu chữ tốt nhất: #000000
WCAG 6.60:1 (AA) · APCA Lc 43
Contrast pairs
Đoạn mã
CSS
:root {
--herbal: #00a47c;
--herbal-rgb: 0 164 124;
--herbal-oklch: oklch(0.638 0.13 167.8);
}
.element {
color: var(--herbal);
background-color: hsl(165 100% 32%);
border-color: oklch(0.638 0.13 167.8);
}Tailwind CSS v4
@theme {
--color-herbal: #00a47c;
--color-herbal-50: #d2ffef;
--color-herbal-100: #bef7e1;
--color-herbal-200: #9be7cc;
--color-herbal-300: #6ccdad;
--color-herbal-400: #3bb78f;
--color-herbal-500: #00a075;
--color-herbal-600: #008863;
--color-herbal-700: #006d4f;
--color-herbal-800: #005038;
--color-herbal-900: #003826;
--color-herbal-950: #002214;
}SCSS
$herbal: #00a47c;
$herbal-rgb: 0, 164, 124;
$herbal-light: mix(#fff, $herbal, 20%);
$herbal-dark: mix(#000, $herbal, 20%);
.element {
color: $herbal;
box-shadow: 0 0 0 2px rgba($herbal, 0.35);
}