Color con nombre más cercano · #CAA158
#CAA158
Color con nombre más cercano: Camel
#CAA158 (rgb(202 161 88), hsl(38 52% 57%), oklch(0.732 0.104 80.4)) se parece más al color con nombre Camel. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#CAA158
oklch(0.732 0.104 80.4)
Conversiones de color
- HEX
- #caa158
- RGB
- rgb(202 161 88)
- HSL
- hsl(38 52% 57%)
- HWB
- hwb(38 35% 21%)
- OKLCH
- oklch(0.732 0.104 80.4)
- OKLab
- oklab(0.732 0.017 0.102)
- CIE Lab
- lab(68.96 9.42 43.53)
- LCH
- lch(68.96 44.54 77.8)
- CMYK
- cmyk(0% 20% 56% 21%)
Tintes · Sombras · Tonos
Tintes
- CFAA6A
- D5B47B
- DABD8C
- E0C79D
- E5D0AD
- EAD9BD
- EFE3CE
- F5ECDE
- FAF6EF
Sombras
- AF8B4B
- 95763F
- 7C6233
- 644E28
- 4D3C1D
- 372A12
- 221909
- 0F0903
- 020100
Tonos
- C29E5E
- BB9B63
- B49768
- AC946C
- A59170
- 9D8E74
- 968A77
- 8F877A
- 87837D
Armonías de color
Complementario +180°
- CAA158
Camel
- 82A9E9
≈ Jordy Blue
Análogo -30° +30°
- CAA158
Camel
- DD956B
≈ Summer’s End
- ABAE5E
≈ Palm Frond
Triádico +120° +240°
- CAA158
Camel
- 46BCC2
≈ Lagoon Rock
- C693D0
≈ Amethyst Show
Complementario dividido +150° +210°
- CAA158
Camel
- 5CB4DD
≈ Sail Away
- A89DE5
≈ Dull Lavender
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASobre negro
WCAG 8.75:1 · APCA Lc 55
Mejor color de texto: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmentos de código
CSS
:root {
--camel: #caa158;
--camel-rgb: 202 161 88;
--camel-oklch: oklch(0.732 0.104 80.4);
}
.element {
color: var(--camel);
background-color: hsl(38 52% 57%);
border-color: oklch(0.732 0.104 80.4);
}Tailwind CSS v4
@theme {
--color-camel: #caa158;
--color-camel-50: #fff3d4;
--color-camel-100: #f9e5c1;
--color-camel-200: #ead1a2;
--color-camel-300: #d2b379;
--color-camel-400: #be9853;
--color-camel-500: #a97e26;
--color-camel-600: #8f6b23;
--color-camel-700: #73551c;
--color-camel-800: #563d12;
--color-camel-900: #3c2a0b;
--color-camel-950: #261801;
}SCSS
$camel: #caa158;
$camel-rgb: 202, 161, 88;
$camel-light: mix(#fff, $camel, 20%);
$camel-dark: mix(#000, $camel, 20%);
.element {
color: $camel;
box-shadow: 0 0 0 2px rgba($camel, 0.35);
}