Colore con nome più vicino · #2B412D
#2B412D
Colore con nome più vicino: Everglade
#2B412D (rgb(43 65 45), hsl(125 20% 21%), oklch(0.35 0.044 146.8)) è più vicino al colore con nome Everglade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#2B412D
oklch(0.35 0.044 146.8)
Conversioni di colore
- HEX
- #2b412d
- RGB
- rgb(43 65 45)
- HSL
- hsl(125 20% 21%)
- HWB
- hwb(125 17% 75%)
- OKLCH
- oklch(0.35 0.044 146.8)
- OKLab
- oklab(0.35 -0.037 0.024)
- CIE Lab
- lab(25.22 -12.67 9.38)
- LCH
- lch(25.22 15.76 143.5)
- CMYK
- cmyk(34% 0% 31% 75%)
Tinte · Ombre · Toni
Tinte
- 3E523F
- 516352
- 657566
- 79887A
- 8E9B8F
- A4AEA4
- BAC2BA
- D1D6D1
- E8EAE8
Ombre
- 243726
- 1D2E1F
- 162518
- 101C11
- 0A130B
- 050B06
- 020502
- 010101
- 000000
Toni
- 334735
- 3B4D3D
- 445345
- 4C5A4D
- 546055
- 5D665D
- 666D66
- 6E736F
- 777977
Armonie di colore
Complementare +180°
- 2B412D
Everglade
- 473247
≈ Purple Verbena
Analogo -30° +30°
- 2B412D
Everglade
- 393E22
≈ Turtle Skin
- 1E423A
≈ Black Soap
Triadico +120° +240°
- 2B412D
Everglade
- 303A52
≈ Biscay
- 4F322E
≈ Espresso
Complementare divisa +150° +210°
- 2B412D
Everglade
- 3D364F
≈ Caddies Silk
- 4D313B
≈ Joyful Ruby
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 11.07:1 · APCA Lc 96
Ag
FailSu nero
WCAG 1.89:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 11.07:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--everglade: #2b412d;
--everglade-rgb: 43 65 45;
--everglade-oklch: oklch(0.35 0.044 146.8);
}
.element {
color: var(--everglade);
background-color: hsl(125 20% 21%);
border-color: oklch(0.35 0.044 146.8);
}Tailwind CSS v4
@theme {
--color-everglade: #2b412d;
--color-everglade-50: #edf9ee;
--color-everglade-100: #deece0;
--color-everglade-200: #c8daca;
--color-everglade-300: #a9beab;
--color-everglade-400: #8ea68f;
--color-everglade-500: #738f75;
--color-everglade-600: #627963;
--color-everglade-700: #4e604f;
--color-everglade-800: #394739;
--color-everglade-900: #273127;
--color-everglade-950: #151d15;
}SCSS
$everglade: #2b412d;
$everglade-rgb: 43, 65, 45;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}