Màu có tên gần nhất · #006F12
#006F12
Màu có tên gần nhất: Leafy Lush
#006F12 (rgb(0 111 18), hsl(130 100% 22%), oklch(0.47 0.153 143.9)) gần nhất với màu có tên Leafy Lush. 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.
#006F12
oklch(0.47 0.153 143.9)
Chuyển đổi màu
- HEX
- #006f12
- RGB
- rgb(0 111 18)
- HSL
- hsl(130 100% 22%)
- HWB
- hwb(130 0% 56%)
- OKLCH
- oklch(0.47 0.153 143.9)
- OKLab
- oklab(0.47 -0.124 0.09)
- CIE Lab
- lab(40.3 -42.27 39.43)
- LCH
- lch(40.3 57.8 137)
- CMYK
- cmyk(100% 0% 84% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 2D7D30
- 478B48
- 5F9A5E
- 76A874
- 8CB68B
- A3C5A1
- BAD3B8
- D1E2D0
- E8F0E7
Sắc đậm
- 00600E
- 00510A
- 004207
- 003404
- 002702
- 001A01
- 000E01
- 000400
- 000100
Sắc xám
- 1E7123
- 2E7330
- 3B753C
- 477746
- 517950
- 5B7B5A
- 657C64
- 6E7E6D
- 777F77
Hòa sắc
Bổ túc +180°
- 006F12
Leafy Lush
- 82358A
≈ Dull Violet
Tương đồng -30° +30°
- 006F12
Leafy Lush
- 5B6100
≈ Kirchner Green
- 006B57
≈ Chrysocolla Medium Green
Bộ ba +120° +240°
- 006F12
Leafy Lush
- 2C54AF
≈ Blasphemous Blue
- 9F2A2D
≈ Dorset Naga
Bổ túc chia +150° +210°
- 006F12
Leafy Lush
- 6243A7
≈ Poppy Pompadour
- 972A61
≈ Magenta Manicure
Bộ bốn +90° +180° +270°
- 006F12
Leafy Lush
- 006389
≈ Reservoir
- 82358A
≈ Dull Violet
- 8C4400
≈ Otterly Brown
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.39:1 · APCA Lc 81
Ag
FailTrên nền đen
WCAG 3.28:1 · APCA Lc 21
Màu chữ tốt nhất: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--leafy-lush: #006f12;
--leafy-lush-rgb: 0 111 18;
--leafy-lush-oklch: oklch(0.47 0.153 143.9);
}
.element {
color: var(--leafy-lush);
background-color: hsl(130 100% 22%);
border-color: oklch(0.47 0.153 143.9);
}Tailwind CSS v4
@theme {
--color-leafy-lush: #006f12;
--color-leafy-lush-50: #daffdb;
--color-leafy-lush-100: #c8f6ca;
--color-leafy-lush-200: #aae6ad;
--color-leafy-lush-300: #82cc87;
--color-leafy-lush-400: #60b561;
--color-leafy-lush-500: #369f3b;
--color-leafy-lush-600: #308633;
--color-leafy-lush-700: #266c29;
--color-leafy-lush-800: #1e4f19;
--color-leafy-lush-900: #143710;
--color-leafy-lush-950: #052203;
}SCSS
$leafy-lush: #006f12;
$leafy-lush-rgb: 0, 111, 18;
$leafy-lush-light: mix(#fff, $leafy-lush, 20%);
$leafy-lush-dark: mix(#000, $leafy-lush, 20%);
.element {
color: $leafy-lush;
box-shadow: 0 0 0 2px rgba($leafy-lush, 0.35);
}