Benannte Farbe · #E5A1A0
Bussell Lace
Bussell Lace ist #E5A1A0: rgb(229 161 160), hsl(1 57% 76%), oklch(0.774 0.081 20). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Bussell Lace color name →
#E5A1A0
oklch(0.774 0.081 20)
Farbumrechnungen
- HEX
- #e5a1a0
- RGB
- rgb(229 161 160)
- HSL
- hsl(1 57% 76%)
- HWB
- hwb(1 63% 10%)
- OKLCH
- oklch(0.774 0.081 20)
- OKLab
- oklab(0.774 0.076 0.028)
- CIE Lab
- lab(72.97 25.89 11.2)
- LCH
- lch(72.97 28.21 23.4)
- CMYK
- cmyk(0% 30% 30% 10%)
Tints · Shades · Tones
Tints
- E8AAA9
- EBB4B2
- EEBDBC
- F1C6C5
- F4D0CF
- F6D9D8
- F9E3E2
- FBECEB
- FDF5F5
Shades
- C78B8B
- AA7676
- 8E6261
- 724E4E
- 583C3B
- 3F2A29
- 281919
- 120909
- 030101
Tones
- DB9E9D
- D19B9A
- C79796
- BD9493
- B29190
- A88E8D
- 9E8A8A
- 948786
- 8A8383
Farbharmonien
Komplementär +180°
- E5A1A0
Bussell Lace
- 72C6CA
≈ Paradise Sky
Analog -30° +30°
- E5A1A0
Bussell Lace
- DEA1BD
≈ Pink Gin
- E1A787
≈ Almost Apricot
Triadisch +120° +240°
- E5A1A0
Bussell Lace
- 9AC391
≈ Velvet Leaf
- 97B7EA
≈ Adrift on the Nile
Geteilt komplementär +150° +210°
- E5A1A0
Bussell Lace
- 7FC7AE
≈ Meridian Star
- 7DC0E0
≈ Horizon Haze
Tetradisch +90° +180° +270°
- E5A1A0
Bussell Lace
- B8BB7D
≈ Ushabti Bone
- 72C6CA
≈ Paradise Sky
- B4ADE6
≈ Maximum Blue Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.93:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--bussell-lace: #e5a1a0;
--bussell-lace-rgb: 229 161 160;
--bussell-lace-oklch: oklch(0.774 0.081 20);
}
.element {
color: var(--bussell-lace);
background-color: hsl(1 57% 76%);
border-color: oklch(0.774 0.081 20);
}Tailwind CSS v4
@theme {
--color-bussell-lace: #e5a1a0;
--color-bussell-lace-50: #ffedeb;
--color-bussell-lace-100: #ffdedc;
--color-bussell-lace-200: #f5c7c5;
--color-bussell-lace-300: #dea8a5;
--color-bussell-lace-400: #ca8b8a;
--color-bussell-lace-500: #b67070;
--color-bussell-lace-600: #9a5f5f;
--color-bussell-lace-700: #7b4c4c;
--color-bussell-lace-800: #5b3738;
--color-bussell-lace-900: #402526;
--color-bussell-lace-950: #291414;
}SCSS
$bussell-lace: #e5a1a0;
$bussell-lace-rgb: 229, 161, 160;
$bussell-lace-light: mix(#fff, $bussell-lace, 20%);
$bussell-lace-dark: mix(#000, $bussell-lace, 20%);
.element {
color: $bussell-lace;
box-shadow: 0 0 0 2px rgba($bussell-lace, 0.35);
}