Màu có tên gần nhất · #385E41
#385E41
Màu có tên gần nhất: Herbes de Provence
#385E41 (rgb(56 94 65), hsl(134 25% 29%), oklch(0.445 0.065 150.6)) gần nhất với màu có tên Herbes de Provence. 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.
#385E41
oklch(0.445 0.065 150.6)
Chuyển đổi màu
- HEX
- #385e41
- RGB
- rgb(56 94 65)
- HSL
- hsl(134 25% 29%)
- HWB
- hwb(134 22% 63%)
- OKLCH
- oklch(0.445 0.065 150.6)
- OKLab
- oklab(0.445 -0.056 0.032)
- CIE Lab
- lab(36.41 -19.43 12.25)
- LCH
- lch(36.41 22.97 147.8)
- CMYK
- cmyk(40% 0% 31% 63%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4B6D52
- 5D7C64
- 708C76
- 849B88
- 97AB9B
- ACBCAE
- C0CCC2
- D5DDD6
- EAEEEA
Sắc đậm
- 2F5137
- 27442E
- 1F3725
- 172B1C
- 0F1F13
- 08140B
- 040A05
- 010301
- 000000
Sắc xám
- 406147
- 47654D
- 4E6854
- 556C5A
- 5D6F60
- 647366
- 6B766D
- 727973
- 797D7A
Hòa sắc
Bổ túc +180°
- 385E41
Herbes de Provence
- 684664
≈ Sultana
Tương đồng -30° +30°
- 385E41
Herbes de Provence
- 4F592F
≈ Soldier Green
- 235F56
≈ Empress Teal
Bộ ba +120° +240°
- 385E41
Herbes de Provence
- 465278
≈ Provocative
- 73463E
≈ Dressed to Impress
Bổ túc chia +150° +210°
- 385E41
Herbes de Provence
- 5A4B72
≈ Purple Reign
- 714452
≈ Deep Carmine
Bộ bốn +90° +180° +270°
- 385E41
Herbes de Provence
- 305874
≈ Mountain Lake
- 684664
≈ Sultana
- 6E4B2D
≈ Pickled Bean
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.37:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.84:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--herbes-de-provence: #385e41;
--herbes-de-provence-rgb: 56 94 65;
--herbes-de-provence-oklch: oklch(0.445 0.065 150.6);
}
.element {
color: var(--herbes-de-provence);
background-color: hsl(134 25% 29%);
border-color: oklch(0.445 0.065 150.6);
}Tailwind CSS v4
@theme {
--color-herbes-de-provence: #385e41;
--color-herbes-de-provence-50: #e8fbec;
--color-herbes-de-provence-100: #d9efde;
--color-herbes-de-provence-200: #c1ddc7;
--color-herbes-de-provence-300: #9fc1a8;
--color-herbes-de-provence-400: #83aa8b;
--color-herbes-de-provence-500: #669370;
--color-herbes-de-provence-600: #577c5f;
--color-herbes-de-provence-700: #45634c;
--color-herbes-de-provence-800: #334936;
--color-herbes-de-provence-900: #223225;
--color-herbes-de-provence-950: #111e13;
}SCSS
$herbes-de-provence: #385e41;
$herbes-de-provence-rgb: 56, 94, 65;
$herbes-de-provence-light: mix(#fff, $herbes-de-provence, 20%);
$herbes-de-provence-dark: mix(#000, $herbes-de-provence, 20%);
.element {
color: $herbes-de-provence;
box-shadow: 0 0 0 2px rgba($herbes-de-provence, 0.35);
}