Color con nombre más cercano · #CDB484
#CDB484
Color con nombre más cercano: Toupe
#CDB484 (rgb(205 180 132), hsl(39 42% 66%), oklch(0.78 0.07 83.4)) se parece más al color con nombre Toupe. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CDB484
oklch(0.78 0.07 83.4)
Conversiones de color
- HEX
- #cdb484
- RGB
- rgb(205 180 132)
- HSL
- hsl(39 42% 66%)
- HWB
- hwb(39 52% 20%)
- OKLCH
- oklch(0.78 0.07 83.4)
- OKLab
- oklab(0.78 0.008 0.069)
- CIE Lab
- lab(74.64 4.21 28.02)
- LCH
- lch(74.64 28.33 81.5)
- CMYK
- cmyk(0% 12% 36% 20%)
Tintes · Sombras · Tonos
Tintes
- D2BB90
- D7C39D
- DCCAA9
- E1D2B5
- E6D9C1
- EBE1CE
- F0E8DA
- F5F0E6
- FAF7F3
Sombras
- B29C72
- 988560
- 7E6E4F
- 66583F
- 4E442F
- 383020
- 231D12
- 0F0C06
- 020201
Tonos
- C5AF84
- BDAA84
- B5A484
- AE9F84
- A69A83
- 9E9583
- 978F82
- 8F8A82
- 878581
Armonías de color
Complementario +180°
- CDB484
Toupe
- A0B8E5
≈ Sky Blue
Análogo -30° +30°
- CDB484
Toupe
- DCAC8E
≈ New Mexico Mesa
- B7BD89
≈ Aloe Plant
Triádico +120° +240°
- CDB484
Toupe
- 80C5CB
≈ Pearl Bay
- CEA9D1
≈ Graceful Garden
Complementario dividido +150° +210°
- CDB484
Toupe
- 8AC0DD
≈ Club Cruise
- B9AFE1
≈ Purple Hibiscus
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre negro
WCAG 10.45:1 · APCA Lc 63
Mejor color de texto: #000000
WCAG 10.45:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmentos de código
CSS
:root {
--toupe: #cdb484;
--toupe-rgb: 205 180 132;
--toupe-oklch: oklch(0.78 0.07 83.4);
}
.element {
color: var(--toupe);
background-color: hsl(39 42% 66%);
border-color: oklch(0.78 0.07 83.4);
}Tailwind CSS v4
@theme {
--color-toupe: #cdb484;
--color-toupe-50: #fef4df;
--color-toupe-100: #f3e7ce;
--color-toupe-200: #e2d3b3;
--color-toupe-300: #c8b58f;
--color-toupe-400: #b29b6f;
--color-toupe-500: #9d824e;
--color-toupe-600: #846e43;
--color-toupe-700: #6a5835;
--color-toupe-800: #4f4025;
--color-toupe-900: #372c19;
--color-toupe-950: #22190a;
}SCSS
$toupe: #cdb484;
$toupe-rgb: 205, 180, 132;
$toupe-light: mix(#fff, $toupe, 20%);
$toupe-dark: mix(#000, $toupe, 20%);
.element {
color: $toupe;
box-shadow: 0 0 0 2px rgba($toupe, 0.35);
}