Color con nombre · #A09548
Lentil Sprout
Lentil Sprout es #A09548: rgb(160 149 72), hsl(53 38% 45%), oklch(0.663 0.099 101.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Lentil Sprout color name →
#A09548
oklch(0.663 0.099 101.3)
Conversiones de color
- HEX
- #a09548
- RGB
- rgb(160 149 72)
- HSL
- hsl(53 38% 45%)
- HWB
- hwb(53 28% 37%)
- OKLCH
- oklch(0.663 0.099 101.3)
- OKLab
- oklab(0.663 -0.019 0.097)
- CIE Lab
- lab(61.45 -3.39 41.51)
- LCH
- lch(61.45 41.65 94.7)
- CMYK
- cmyk(0% 7% 55% 37%)
Tintes · Sombras · Tonos
Tintes
- A99F5C
- B2AA6E
- BBB481
- C5BF93
- CEC9A5
- D8D4B6
- E1DFC8
- EBE9DB
- F5F4ED
Sombras
- 8B813D
- 766D33
- 615A29
- 4E481F
- 3B3716
- 29260D
- 191606
- 090802
- 010100
Tonos
- 9D9350
- 999156
- 968F5D
- 938D63
- 908B68
- 8C896D
- 898772
- 868577
- 83827C
Armonías de color
Complementario +180°
- A09548
Lentil Sprout
- 898CCF
≈ Adora
Análogo -30° +30°
- A09548
Lentil Sprout
- B9884A
≈ Funchal Yellow
- 7DA05E
≈ Frankenstein
Triádico +120° +240°
- A09548
Lentil Sprout
- 3FA1BE
≈ Blue Raspberry Seed
- BD7AA5
≈ Hollyhock Blossom Pink
Complementario dividido +150° +210°
- A09548
Lentil Sprout
- 6497CE
≈ Quiet Bay
- A781C0
≈ Lilac Purple
Tetrádico +90° +180° +270°
- A09548
Lentil Sprout
- 35A6A2
≈ Bahaman Bliss
- 898CCF
≈ Adora
- C87984
≈ Old Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.04:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.88:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.88:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--lentil-sprout: #a09548;
--lentil-sprout-rgb: 160 149 72;
--lentil-sprout-oklch: oklch(0.663 0.099 101.3);
}
.element {
color: var(--lentil-sprout);
background-color: hsl(53 38% 45%);
border-color: oklch(0.663 0.099 101.3);
}Tailwind CSS v4
@theme {
--color-lentil-sprout: #a09548;
--color-lentil-sprout-50: #faf7d7;
--color-lentil-sprout-100: #edeac4;
--color-lentil-sprout-200: #dbd7a6;
--color-lentil-sprout-300: #c0ba7e;
--color-lentil-sprout-400: #aba058;
--color-lentil-sprout-500: #94882f;
--color-lentil-sprout-600: #7d7329;
--color-lentil-sprout-700: #645c21;
--color-lentil-sprout-800: #4b4315;
--color-lentil-sprout-900: #342e0d;
--color-lentil-sprout-950: #1f1b02;
}SCSS
$lentil-sprout: #a09548;
$lentil-sprout-rgb: 160, 149, 72;
$lentil-sprout-light: mix(#fff, $lentil-sprout, 20%);
$lentil-sprout-dark: mix(#000, $lentil-sprout, 20%);
.element {
color: $lentil-sprout;
box-shadow: 0 0 0 2px rgba($lentil-sprout, 0.35);
}