Color con nombre más cercano · #BDB69F
#BDB69F
Color con nombre más cercano: Forgotten Tusk
#BDB69F (rgb(189 182 159), hsl(46 19% 68%), oklch(0.776 0.033 93)) se parece más al color con nombre Forgotten Tusk. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BDB69F
oklch(0.776 0.033 93)
Conversiones de color
- HEX
- #bdb69f
- RGB
- rgb(189 182 159)
- HSL
- hsl(46 19% 68%)
- HWB
- hwb(46 62% 26%)
- OKLCH
- oklch(0.776 0.033 93)
- OKLab
- oklab(0.776 -0.002 0.033)
- CIE Lab
- lab(74.16 -0.33 12.69)
- LCH
- lch(74.16 12.7 91.5)
- CMYK
- cmyk(0% 4% 16% 26%)
Tintes · Sombras · Tonos
Tintes
- C3BDA8
- CAC4B2
- D0CBBB
- D7D3C5
- DEDACE
- E4E1D8
- EBE9E2
- F2F0EB
- F8F8F5
Sombras
- A49E8A
- 8C8675
- 746F61
- 5D594D
- 47443B
- 333029
- 1F1D18
- 0D0C09
- 020201
Tonos
- B7B09C
- B0AB99
- AAA596
- A4A093
- 9E9B90
- 98958C
- 929089
- 8C8B86
- 868583
Armonías de color
Complementario +180°
- BDB69F
Forgotten Tusk
- AFB5CC
≈ Soul Sister
Análogo -30° +30°
- BDB69F
Forgotten Tusk
- C6B2A1
≈ Cracked Earth
- B2BAA3
≈ Matt Sage
Triádico +120° +240°
- BDB69F
Forgotten Tusk
- 9FBCC3
≈ French Moire
- C3AFBF
≈ La-De-Dah
Complementario dividido +150° +210°
- BDB69F
Forgotten Tusk
- A5B9CA
≈ Always Blue
- BAB1C8
≈ Violet Bouquet
Tetrádico +90° +180° +270°
- BDB69F
Forgotten Tusk
- A0BDB8
≈ Nursery Wall
- AFB5CC
≈ Soul Sister
- C9AEB4
≈ Scented Frill
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.02:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.35:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--forgotten-tusk: #bdb69f;
--forgotten-tusk-rgb: 189 182 159;
--forgotten-tusk-oklch: oklch(0.776 0.033 93);
}
.element {
color: var(--forgotten-tusk);
background-color: hsl(46 19% 68%);
border-color: oklch(0.776 0.033 93);
}Tailwind CSS v4
@theme {
--color-forgotten-tusk: #bdb69f;
--color-forgotten-tusk-50: #f8f5eb;
--color-forgotten-tusk-100: #ebe8dc;
--color-forgotten-tusk-200: #d8d4c5;
--color-forgotten-tusk-300: #bcb8a5;
--color-forgotten-tusk-400: #a59e89;
--color-forgotten-tusk-500: #8d866e;
--color-forgotten-tusk-600: #78715d;
--color-forgotten-tusk-700: #605b4a;
--color-forgotten-tusk-800: #474236;
--color-forgotten-tusk-900: #312e25;
--color-forgotten-tusk-950: #1d1a13;
}SCSS
$forgotten-tusk: #bdb69f;
$forgotten-tusk-rgb: 189, 182, 159;
$forgotten-tusk-light: mix(#fff, $forgotten-tusk, 20%);
$forgotten-tusk-dark: mix(#000, $forgotten-tusk, 20%);
.element {
color: $forgotten-tusk;
box-shadow: 0 0 0 2px rgba($forgotten-tusk, 0.35);
}