Couleur nommée la plus proche · #DDACB1
#DDACB1
Couleur nommée la plus proche: Sakura
#DDACB1 (rgb(221 172 177), hsl(354 42% 77%), oklch(0.79 0.058 11.6)) est la plus proche de la couleur nommée Sakura. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDACB1
oklch(0.79 0.058 11.6)
Conversions de couleur
- HEX
- #ddacb1
- RGB
- rgb(221 172 177)
- HSL
- hsl(354 42% 77%)
- HWB
- hwb(354 67% 13%)
- OKLCH
- oklch(0.79 0.058 11.6)
- OKLab
- oklab(0.79 0.057 0.012)
- CIE Lab
- lab(75.03 19.01 4.69)
- LCH
- lch(75.03 19.58 13.9)
- CMYK
- cmyk(0% 22% 20% 13%)
Teintes · Ombres · Tons
Teintes
- E1B4B9
- E4BCC0
- E8C5C8
- EBCDD0
- EFD5D7
- F2DDDF
- F6E6E7
- F9EEEF
- FCF7F7
Ombres
- C09599
- A47F83
- 88696C
- 6E5457
- 554042
- 3D2D2F
- 261B1C
- 110B0C
- 020101
Tons
- D4A8AC
- CAA3A7
- C19FA2
- B79A9D
- AE9698
- A59293
- 9C8D8E
- 92898A
- 898485
Harmonies de couleurs
Complémentaire +180°
- DDACB1
Sakura
- 8FC7C4
≈ Embellished Blue
Analogue -30° +30°
- DDACB1
Sakura
- D6ADC5
≈ Pink Lavender
- DCAF9E
≈ Angel Breath
Triadique +120° +240°
- DDACB1
Sakura
- ADC39D
≈ Pale Mint
- A0BEDF
≈ Blair
Complémentaire divisée +150° +210°
- DDACB1
Sakura
- 9AC7AF
≈ Lobaria Lichen
- 92C4D5
≈ Blue Glint
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.97:1 · APCA Lc 38
Ag
AAASur noir
WCAG 10.61:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--sakura: #ddacb1;
--sakura-rgb: 221 172 177;
--sakura-oklch: oklch(0.79 0.058 11.6);
}
.element {
color: var(--sakura);
background-color: hsl(354 42% 77%);
border-color: oklch(0.79 0.058 11.6);
}Tailwind CSS v4
@theme {
--color-sakura: #ddacb1;
--color-sakura-50: #ffeff0;
--color-sakura-100: #fbe1e2;
--color-sakura-200: #eccbcd;
--color-sakura-300: #d3acaf;
--color-sakura-400: #be9196;
--color-sakura-500: #a9777c;
--color-sakura-600: #8f6469;
--color-sakura-700: #725054;
--color-sakura-800: #543a3e;
--color-sakura-900: #3b282b;
--color-sakura-950: #251618;
}SCSS
$sakura: #ddacb1;
$sakura-rgb: 221, 172, 177;
$sakura-light: mix(#fff, $sakura, 20%);
$sakura-dark: mix(#000, $sakura, 20%);
.element {
color: $sakura;
box-shadow: 0 0 0 2px rgba($sakura, 0.35);
}