Color con nombre · #D2B18F
Ligonier Tan
Ligonier Tan es #D2B18F: rgb(210 177 143), hsl(30 43% 69%), oklch(0.781 0.06 67.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Ligonier Tan color name →
#D2B18F
oklch(0.781 0.06 67.6)
Conversiones de color
- HEX
- #d2b18f
- RGB
- rgb(210 177 143)
- HSL
- hsl(30 43% 69%)
- HWB
- hwb(30 56% 18%)
- OKLCH
- oklch(0.781 0.06 67.6)
- OKLab
- oklab(0.781 0.023 0.055)
- CIE Lab
- lab(74.52 8.72 22.14)
- LCH
- lch(74.52 23.79 68.5)
- CMYK
- cmyk(0% 16% 32% 18%)
Tintes · Sombras · Tonos
Tintes
- D7B99A
- DBC0A5
- E0C8B0
- E4D0BB
- E9D8C6
- EDDFD2
- F2E7DD
- F6EFE8
- FBF7F4
Sombras
- B6997C
- 9B8369
- 816C57
- 685745
- 504234
- 392F24
- 241C15
- 100C07
- 020101
Tonos
- CAAC8E
- C1A78C
- B9A28B
- B19D8A
- A89888
- A09387
- 988F85
- 908A83
- 888582
Armonías de color
Complementario +180°
- D2B18F
Ligonier Tan
- 9ABCDD
≈ Blue Grouse
Análogo -30° +30°
- D2B18F
Ligonier Tan
- DBAB9D
≈ Tamanegi Peel
- C2B98D
≈ Goody Two Shoes
Triádico +120° +240°
- D2B18F
Ligonier Tan
- 8BC5BE
≈ Holiday Turquoise
- C2AED6
≈ Purple Gala
Complementario dividido +150° +210°
- D2B18F
Ligonier Tan
- 8CC2D1
≈ Eastern Sky
- AEB5DE
≈ Sassy Violet
Tetrádico +90° +180° +270°
- D2B18F
Ligonier Tan
- 98C4A9
≈ Mini Green
- 9ABCDD
≈ Blue Grouse
- D2A9C5
≈ Heart to Heart
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.42:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--ligonier-tan: #d2b18f;
--ligonier-tan-rgb: 210 177 143;
--ligonier-tan-oklch: oklch(0.781 0.06 67.6);
}
.element {
color: var(--ligonier-tan);
background-color: hsl(30 43% 69%);
border-color: oklch(0.781 0.06 67.6);
}Tailwind CSS v4
@theme {
--color-ligonier-tan: #d2b18f;
--color-ligonier-tan-50: #fff3e3;
--color-ligonier-tan-100: #f5e5d3;
--color-ligonier-tan-200: #e5d0b9;
--color-ligonier-tan-300: #ccb397;
--color-ligonier-tan-400: #b79879;
--color-ligonier-tan-500: #a17f5b;
--color-ligonier-tan-600: #886b4d;
--color-ligonier-tan-700: #6d563d;
--color-ligonier-tan-800: #513e2c;
--color-ligonier-tan-900: #382b1e;
--color-ligonier-tan-950: #23180e;
}SCSS
$ligonier-tan: #d2b18f;
$ligonier-tan-rgb: 210, 177, 143;
$ligonier-tan-light: mix(#fff, $ligonier-tan, 20%);
$ligonier-tan-dark: mix(#000, $ligonier-tan, 20%);
.element {
color: $ligonier-tan;
box-shadow: 0 0 0 2px rgba($ligonier-tan, 0.35);
}