Màu có tên gần nhất · #348148
#348148
Màu có tên gần nhất: Bold Irish
#348148 (rgb(52 129 72), hsl(136 43% 35%), oklch(0.54 0.116 149.4)) gần nhất với màu có tên Bold Irish. 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.
#348148
oklch(0.54 0.116 149.4)
Chuyển đổi màu
- HEX
- #348148
- RGB
- rgb(52 129 72)
- HSL
- hsl(136 43% 35%)
- HWB
- hwb(136 20% 49%)
- OKLCH
- oklch(0.54 0.116 149.4)
- OKLab
- oklab(0.54 -0.1 0.059)
- CIE Lab
- lab(48.13 -34.8 23.5)
- LCH
- lch(48.13 41.99 146)
- CMYK
- cmyk(60% 0% 44% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4B8D59
- 5F9A6B
- 73A67D
- 87B38F
- 9BBFA1
- AFCCB3
- C3D8C6
- D7E5D9
- EBF2EC
Sắc đậm
- 2C6F3D
- 245E33
- 1C4E29
- 153E1F
- 0E2E16
- 071F0D
- 031206
- 010602
- 000100
Sắc xám
- 3E814E
- 488154
- 50815A
- 58815F
- 5F8165
- 66816A
- 6D8170
- 738175
- 7A807B
Hòa sắc
Bổ túc +180°
- 348148
Bold Irish
- 93548F
≈ Àn Zǐ Purple
Tương đồng -30° +30°
- 348148
Bold Irish
- 67781A
≈ Topiary Green
- 008170
≈ Tropical Green
Bộ ba +120° +240°
- 348148
Bold Irish
- 546AB2
≈ Amparo Blue
- A85145
≈ Indian Summer
Bổ túc chia +150° +210°
- 348148
Bold Irish
- 795EA8
≈ Genestealer Purple
- A34F6D
≈ Raspberry Patch
Bộ bốn +90° +180° +270°
- 348148
Bold Irish
- 1476AB
≈ Deluge
- 93548F
≈ Àn Zǐ Purple
- 9F5C19
≈ Tortoiseshell Specs
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.79:1 · APCA Lc 73
Ag
FailTrên nền đen
WCAG 4.37:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
Đoạn mã
CSS
:root {
--bold-irish: #348148;
--bold-irish-rgb: 52 129 72;
--bold-irish-oklch: oklch(0.54 0.116 149.4);
}
.element {
color: var(--bold-irish);
background-color: hsl(136 43% 35%);
border-color: oklch(0.54 0.116 149.4);
}Tailwind CSS v4
@theme {
--color-bold-irish: #348148;
--color-bold-irish-50: #deffe5;
--color-bold-irish-100: #ccf4d5;
--color-bold-irish-200: #b0e3bc;
--color-bold-irish-300: #8ac99a;
--color-bold-irish-400: #6ab279;
--color-bold-irish-500: #459b5a;
--color-bold-irish-600: #3c834d;
--color-bold-irish-700: #2f693d;
--color-bold-irish-800: #234d2a;
--color-bold-irish-900: #17361c;
--color-bold-irish-950: #08210c;
}SCSS
$bold-irish: #348148;
$bold-irish-rgb: 52, 129, 72;
$bold-irish-light: mix(#fff, $bold-irish, 20%);
$bold-irish-dark: mix(#000, $bold-irish, 20%);
.element {
color: $bold-irish;
box-shadow: 0 0 0 2px rgba($bold-irish, 0.35);
}