Couleur nommée la plus proche · #E9B4D4
#E9B4D4
Couleur nommée la plus proche: Soft Cashmere
#E9B4D4 (rgb(233 180 212), hsl(324 55% 81%), oklch(0.827 0.074 342)) est la plus proche de la couleur nommée Soft Cashmere. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E9B4D4
oklch(0.827 0.074 342)
Conversions de couleur
- HEX
- #e9b4d4
- RGB
- rgb(233 180 212)
- HSL
- hsl(324 55% 81%)
- HWB
- hwb(324 71% 9%)
- OKLCH
- oklch(0.827 0.074 342)
- OKLab
- oklab(0.827 0.07 -0.023)
- CIE Lab
- lab(78.95 23.51 -8.4)
- LCH
- lch(78.95 24.97 340.3)
- CMYK
- cmyk(0% 23% 9% 9%)
Teintes · Ombres · Tons
Teintes
- ECBBD8
- EEC3DD
- F0CAE1
- F3D2E5
- F5D9E9
- F7E1EE
- F9E8F2
- FBF0F6
- FDF7FB
Ombres
- CB9CB8
- AD859D
- 906E83
- 745869
- 5A4451
- 41303A
- 291D24
- 130C10
- 030202
Tons
- DEAFCB
- D4AAC3
- C9A4BA
- BE9FB2
- B49AA9
- A995A1
- 9F9098
- 958A90
- 8A8588
Harmonies de couleurs
Complémentaire +180°
- E9B4D4
Soft Cashmere
- 9BD6B8
≈ Nihilakh Oxide
Analogue -30° +30°
- E9B4D4
Soft Cashmere
- D7B9EA
≈ Pretty Petunia
- F2B3BA
≈ Powder Rose
Triadique +120° +240°
- E9B4D4
Soft Cashmere
- D0C991
≈ Dusty Yellow
- 90D2E9
≈ Slightly Spritzig
Complémentaire divisée +150° +210°
- E9B4D4
Soft Cashmere
- B5D19F
≈ Apium
- 8CD6D3
≈ Sea Wave
Tétradique +90° +180° +270°
- E9B4D4
Soft Cashmere
- E5BF92
≈ Laksa
- 9BD6B8
≈ Nihilakh Oxide
- A4CAF6
≈ Baby Blue Eyes
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.75:1 · APCA Lc 32
Ag
AAASur noir
WCAG 11.94:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 11.94:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--soft-cashmere: #e9b4d4;
--soft-cashmere-rgb: 233 180 212;
--soft-cashmere-oklch: oklch(0.827 0.074 342);
}
.element {
color: var(--soft-cashmere);
background-color: hsl(324 55% 81%);
border-color: oklch(0.827 0.074 342);
}Tailwind CSS v4
@theme {
--color-soft-cashmere: #e9b4d4;
--color-soft-cashmere-50: #ffedfa;
--color-soft-cashmere-100: #fbdfee;
--color-soft-cashmere-200: #ecc8dc;
--color-soft-cashmere-300: #d4a9c1;
--color-soft-cashmere-400: #be8dab;
--color-soft-cashmere-500: #a87394;
--color-soft-cashmere-600: #8e617d;
--color-soft-cashmere-700: #724e64;
--color-soft-cashmere-800: #54384a;
--color-soft-cashmere-900: #3a2634;
--color-soft-cashmere-950: #24151f;
}SCSS
$soft-cashmere: #e9b4d4;
$soft-cashmere-rgb: 233, 180, 212;
$soft-cashmere-light: mix(#fff, $soft-cashmere, 20%);
$soft-cashmere-dark: mix(#000, $soft-cashmere, 20%);
.element {
color: $soft-cashmere;
box-shadow: 0 0 0 2px rgba($soft-cashmere, 0.35);
}