Color con nombre más cercano · #CA8D63
#CA8D63
Color con nombre más cercano: Butterum
#CA8D63 (rgb(202 141 99), hsl(24 49% 59%), oklch(0.694 0.094 55.1)) se parece más al color con nombre Butterum. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CA8D63
oklch(0.694 0.094 55.1)
Conversiones de color
- HEX
- #ca8d63
- RGB
- rgb(202 141 99)
- HSL
- hsl(24 49% 59%)
- HWB
- hwb(24 39% 21%)
- OKLCH
- oklch(0.694 0.094 55.1)
- OKLab
- oklab(0.694 0.054 0.077)
- CIE Lab
- lab(64.15 20.43 32.1)
- LCH
- lch(64.15 38.05 57.5)
- CMYK
- cmyk(0% 30% 51% 21%)
Tintes · Sombras · Tonos
Tintes
- D09873
- D6A482
- DBAF91
- E1BAA1
- E6C6B0
- EBD1C0
- F0DCD0
- F5E8DF
- FAF3EF
Sombras
- AF7A55
- 956747
- 7C553A
- 64442E
- 4D3321
- 372316
- 22140B
- 0F0703
- 020100
Tonos
- C38C67
- BB8B6A
- B48A6D
- AD8970
- A58773
- 9E8676
- 978579
- 8F837B
- 88827E
Armonías de color
Complementario +180°
- CA8D63
Butterum
- 5EA6CF
≈ Ethereal Blue
Análogo -30° +30°
- CA8D63
Butterum
- D1867F
≈ Salmon Pate
- B79855
≈ Base Sand
Triádico +120° +240°
- CA8D63
Butterum
- 55B099
≈ Water Park
- A191D1
≈ Distinct Purple
Complementario dividido +150° +210°
- CA8D63
Butterum
- 49ADB8
≈ Verditer Blue
- 809CD8
≈ Purple Gentian
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.50:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--butterum: #ca8d63;
--butterum-rgb: 202 141 99;
--butterum-oklch: oklch(0.694 0.094 55.1);
}
.element {
color: var(--butterum);
background-color: hsl(24 49% 59%);
border-color: oklch(0.694 0.094 55.1);
}Tailwind CSS v4
@theme {
--color-butterum: #ca8d63;
--color-butterum-50: #ffefdc;
--color-butterum-100: #ffe1ca;
--color-butterum-200: #f4cbae;
--color-butterum-300: #ddac88;
--color-butterum-400: #ca9068;
--color-butterum-500: #b67446;
--color-butterum-600: #99633c;
--color-butterum-700: #7b4f30;
--color-butterum-800: #5c3922;
--color-butterum-900: #402716;
--color-butterum-950: #291508;
}SCSS
$butterum: #ca8d63;
$butterum-rgb: 202, 141, 99;
$butterum-light: mix(#fff, $butterum, 20%);
$butterum-dark: mix(#000, $butterum, 20%);
.element {
color: $butterum;
box-shadow: 0 0 0 2px rgba($butterum, 0.35);
}