Màu có tên · #37412A
Deep Seaweed
Deep Seaweed là #37412A: rgb(55 65 42), hsl(86 21% 21%), oklch(0.359 0.04 127.4). 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.
What does Green mean? → · Deep Seaweed color name →
#37412A
oklch(0.359 0.04 127.4)
Chuyển đổi màu
- HEX
- #37412a
- RGB
- rgb(55 65 42)
- HSL
- hsl(86 21% 21%)
- HWB
- hwb(86 16% 75%)
- OKLCH
- oklch(0.359 0.04 127.4)
- OKLab
- oklab(0.359 -0.024 0.032)
- CIE Lab
- lab(26.1 -7.9 12.66)
- LCH
- lch(26.1 14.92 122)
- CMYK
- cmyk(15% 0% 35% 75%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 48523D
- 5B6350
- 6D7564
- 818878
- 959B8E
- A9AEA3
- BEC2BA
- D3D6D0
- E9EAE7
Sắc đậm
- 2E3723
- 262E1C
- 1E2516
- 161C10
- 0F130A
- 080B05
- 030502
- 010101
- 000000
Sắc xám
- 3E4732
- 454D3A
- 4C5343
- 53594B
- 5A6054
- 62665C
- 696C65
- 71736E
- 787977
Hòa sắc
Bổ túc +180°
- 37412A
Deep Seaweed
- 43374D
≈ Call It a Night
Tương đồng -30° +30°
- 37412A
Deep Seaweed
- 433D24
≈ Scorched Metal
- 2B4335
≈ Mushiao Green
Bộ ba +120° +240°
- 37412A
Deep Seaweed
- 2C3F51
≈ Snap-Shot
- 4F3439
≈ Nectar of the Gods
Bổ túc chia +150° +210°
- 37412A
Deep Seaweed
- 383B52
≈ Carbon Blue
- 4B3544
≈ Vincotto
Bộ bốn +90° +180° +270°
- 37412A
Deep Seaweed
- 23424B
≈ Winter Waves
- 43374D
≈ Call It a Night
- 50362E
≈ American Mahogany
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.75:1 · APCA Lc 95
Ag
FailTrên nền đen
WCAG 1.95:1 · APCA Lc 8
Màu chữ tốt nhất: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--deep-seaweed: #37412a;
--deep-seaweed-rgb: 55 65 42;
--deep-seaweed-oklch: oklch(0.359 0.04 127.4);
}
.element {
color: var(--deep-seaweed);
background-color: hsl(86 21% 21%);
border-color: oklch(0.359 0.04 127.4);
}Tailwind CSS v4
@theme {
--color-deep-seaweed: #37412a;
--color-deep-seaweed-50: #f1f8ec;
--color-deep-seaweed-100: #e4ebdd;
--color-deep-seaweed-200: #cfd8c6;
--color-deep-seaweed-300: #b1bca6;
--color-deep-seaweed-400: #98a38a;
--color-deep-seaweed-500: #7f8c6f;
--color-deep-seaweed-600: #6b765e;
--color-deep-seaweed-700: #565e4b;
--color-deep-seaweed-800: #3f4536;
--color-deep-seaweed-900: #2b3025;
--color-deep-seaweed-950: #191c13;
}SCSS
$deep-seaweed: #37412a;
$deep-seaweed-rgb: 55, 65, 42;
$deep-seaweed-light: mix(#fff, $deep-seaweed, 20%);
$deep-seaweed-dark: mix(#000, $deep-seaweed, 20%);
.element {
color: $deep-seaweed;
box-shadow: 0 0 0 2px rgba($deep-seaweed, 0.35);
}