Colore con nome · #37412A
Deep Seaweed
Deep Seaweed è #37412A: rgb(55 65 42), hsl(86 21% 21%), oklch(0.359 0.04 127.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Deep Seaweed color name →
#37412A
oklch(0.359 0.04 127.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 48523D
- 5B6350
- 6D7564
- 818878
- 959B8E
- A9AEA3
- BEC2BA
- D3D6D0
- E9EAE7
Ombre
- 2E3723
- 262E1C
- 1E2516
- 161C10
- 0F130A
- 080B05
- 030502
- 010101
- 000000
Toni
- 3E4732
- 454D3A
- 4C5343
- 53594B
- 5A6054
- 62665C
- 696C65
- 71736E
- 787977
Armonie di colore
Complementare +180°
- 37412A
Deep Seaweed
- 43374D
≈ Call It a Night
Analogo -30° +30°
- 37412A
Deep Seaweed
- 433D24
≈ Scorched Metal
- 2B4335
≈ Mushiao Green
Triadico +120° +240°
- 37412A
Deep Seaweed
- 2C3F51
≈ Snap-Shot
- 4F3439
≈ Nectar of the Gods
Complementare divisa +150° +210°
- 37412A
Deep Seaweed
- 383B52
≈ Carbon Blue
- 4B3544
≈ Vincotto
Tetradico +90° +180° +270°
- 37412A
Deep Seaweed
- 23424B
≈ Winter Waves
- 43374D
≈ Call It a Night
- 50362E
≈ American Mahogany
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.75:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.95:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
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);
}