Couleur nommée · #E5A1A0
Bussell Lace
Bussell Lace correspond à #E5A1A0 : rgb(229 161 160), hsl(1 57% 76%), oklch(0.774 0.081 20). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Bussell Lace color name →
#E5A1A0
oklch(0.774 0.081 20)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E8AAA9
- EBB4B2
- EEBDBC
- F1C6C5
- F4D0CF
- F6D9D8
- F9E3E2
- FBECEB
- FDF5F5
Ombres
- C78B8B
- AA7676
- 8E6261
- 724E4E
- 583C3B
- 3F2A29
- 281919
- 120909
- 030101
Tons
- DB9E9D
- D19B9A
- C79796
- BD9493
- B29190
- A88E8D
- 9E8A8A
- 948786
- 8A8383
Harmonies de couleurs
Complémentaire +180°
- E5A1A0
Bussell Lace
- 72C6CA
≈ Paradise Sky
Analogue -30° +30°
- E5A1A0
Bussell Lace
- DEA1BD
≈ Pink Gin
- E1A787
≈ Almost Apricot
Triadique +120° +240°
- E5A1A0
Bussell Lace
- 9AC391
≈ Velvet Leaf
- 97B7EA
≈ Adrift on the Nile
Complémentaire divisée +150° +210°
- E5A1A0
Bussell Lace
- 7FC7AE
≈ Meridian Star
- 7DC0E0
≈ Horizon Haze
Tétradique +90° +180° +270°
- E5A1A0
Bussell Lace
- B8BB7D
≈ Ushabti Bone
- 72C6CA
≈ Paradise Sky
- B4ADE6
≈ Maximum Blue Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.11:1 · APCA Lc 41
Ag
AAASur noir
WCAG 9.93:1 · APCA Lc 61
Meilleure couleur de texte: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Extraits de code
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);
}