Color con nombre más cercano · #DAA28C
#DAA28C
Color con nombre más cercano: Apricotta
#DAA28C (rgb(218 162 140), hsl(17 51% 70%), oklch(0.759 0.074 42.4)) se parece más al color con nombre Apricotta. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DAA28C
oklch(0.759 0.074 42.4)
Conversiones de color
- HEX
- #daa28c
- RGB
- rgb(218 162 140)
- HSL
- hsl(17 51% 70%)
- HWB
- hwb(17 55% 15%)
- OKLCH
- oklch(0.759 0.074 42.4)
- OKLab
- oklab(0.759 0.054 0.05)
- CIE Lab
- lab(71.62 19.26 20.02)
- LCH
- lch(71.62 27.78 46.1)
- CMYK
- cmyk(0% 26% 36% 15%)
Tintes · Sombras · Tonos
Tintes
- DEAB97
- E2B4A2
- E6BEAE
- EAC7B9
- EED0C5
- F1D9D0
- F5E3DC
- F8ECE7
- FCF6F3
Sombras
- BD8C79
- A27767
- 876355
- 6C4F43
- 543C33
- 3C2A23
- 251914
- 110A07
- 020101
Tonos
- D19F8B
- C89B8A
- BF9889
- B69588
- AD9187
- A48E85
- 9B8A84
- 928783
- 898481
Armonías de color
Complementario +180°
- DAA28C
Apricotta
- 7BBCD3
≈ Petit Four
Análogo -30° +30°
- DAA28C
Apricotta
- DB9EA4
≈ Glamour
- CEAA7D
≈ Flax Straw
Triádico +120° +240°
- DAA28C
Apricotta
- 86C0A3
≈ Baby Cake
- A9ACDF
≈ Maximum Blue Purple
Complementario dividido +150° +210°
- DAA28C
Apricotta
- 77C0BD
≈ Gentle Wave
- 8FB4DF
≈ Echo Isles Water
Tetrádico +90° +180° +270°
- DAA28C
Apricotta
- 9FBB8B
≈ Glendale
- 7BBCD3
≈ Petit Four
- C1A4D3
≈ Lilac Lace
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.20:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.52:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.52:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--apricotta: #daa28c;
--apricotta-rgb: 218 162 140;
--apricotta-oklch: oklch(0.759 0.074 42.4);
}
.element {
color: var(--apricotta);
background-color: hsl(17 51% 70%);
border-color: oklch(0.759 0.074 42.4);
}Tailwind CSS v4
@theme {
--color-apricotta: #daa28c;
--color-apricotta-50: #ffefe4;
--color-apricotta-100: #fee1d4;
--color-apricotta-200: #f1cbbb;
--color-apricotta-300: #d9ac99;
--color-apricotta-400: #c5907c;
--color-apricotta-500: #b0765f;
--color-apricotta-600: #956451;
--color-apricotta-700: #775040;
--color-apricotta-800: #593a2f;
--color-apricotta-900: #3e2720;
--color-apricotta-950: #27150f;
}SCSS
$apricotta: #daa28c;
$apricotta-rgb: 218, 162, 140;
$apricotta-light: mix(#fff, $apricotta, 20%);
$apricotta-dark: mix(#000, $apricotta, 20%);
.element {
color: $apricotta;
box-shadow: 0 0 0 2px rgba($apricotta, 0.35);
}