Colore con nome più vicino · #38402B
#38402B
Colore con nome più vicino: Palm Leaf
#38402B (rgb(56 64 43), hsl(83 20% 21%), oklch(0.358 0.036 125.1)) è più vicino al colore con nome Palm Leaf. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#38402B
oklch(0.358 0.036 125.1)
Conversioni di colore
- HEX
- #38402b
- RGB
- rgb(56 64 43)
- HSL
- hsl(83 20% 21%)
- HWB
- hwb(83 17% 75%)
- OKLCH
- oklch(0.358 0.036 125.1)
- OKLab
- oklab(0.358 -0.021 0.03)
- CIE Lab
- lab(25.87 -6.74 11.74)
- LCH
- lch(25.87 13.54 119.9)
- CMYK
- cmyk(13% 0% 33% 75%)
Tinte · Ombre · Toni
Tinte
- 49513D
- 5B6251
- 6E7565
- 818779
- 959A8E
- A9ADA4
- BEC1BA
- D3D6D0
- E9EAE8
Ombre
- 2F3624
- 272D1D
- 1F2416
- 171B10
- 0F130A
- 080B05
- 040502
- 010101
- 000000
Toni
- 3F4633
- 464C3B
- 4D5343
- 54594C
- 5B5F54
- 62665D
- 696C65
- 71736E
- 787977
Armonie di colore
Complementare +180°
- 38402B
Palm Leaf
- 41384C
≈ Call It a Night
Analogo -30° +30°
- 38402B
Palm Leaf
- 423C26
≈ Scorched Metal
- 2D4234
≈ Mushiao Green
Triadico +120° +240°
- 38402B
Palm Leaf
- 2C3F4E
≈ Deepsea Core
- 4D353A
≈ Jube
Complementare divisa +150° +210°
- 38402B
Palm Leaf
- 373B50
≈ Carbon Blue
- 493544
≈ Red Onion
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.84:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.93:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.84:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--palm-leaf: #38402b;
--palm-leaf-rgb: 56 64 43;
--palm-leaf-oklch: oklch(0.358 0.036 125.1);
}
.element {
color: var(--palm-leaf);
background-color: hsl(83 20% 21%);
border-color: oklch(0.358 0.036 125.1);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #38402b;
--color-palm-leaf-50: #f2f7ec;
--color-palm-leaf-100: #e4eade;
--color-palm-leaf-200: #d0d7c7;
--color-palm-leaf-300: #b2bba8;
--color-palm-leaf-400: #99a38b;
--color-palm-leaf-500: #808b71;
--color-palm-leaf-600: #6d7560;
--color-palm-leaf-700: #575e4c;
--color-palm-leaf-800: #404537;
--color-palm-leaf-900: #2c2f25;
--color-palm-leaf-950: #191c14;
}SCSS
$palm-leaf: #38402b;
$palm-leaf-rgb: 56, 64, 43;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}