Dichtstbijzijnde benoemde kleur · #DDACB1
#DDACB1
Dichtstbijzijnde benoemde kleur: Sakura
#DDACB1 (rgb(221 172 177), hsl(354 42% 77%), oklch(0.79 0.058 11.6)) komt het dichtst bij de benoemde kleur Sakura. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#DDACB1
oklch(0.79 0.058 11.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- E1B4B9
- E4BCC0
- E8C5C8
- EBCDD0
- EFD5D7
- F2DDDF
- F6E6E7
- F9EEEF
- FCF7F7
Schaduwen
- C09599
- A47F83
- 88696C
- 6E5457
- 554042
- 3D2D2F
- 261B1C
- 110B0C
- 020101
Tonen
- D4A8AC
- CAA3A7
- C19FA2
- B79A9D
- AE9698
- A59293
- 9C8D8E
- 92898A
- 898485
Kleurharmonieën
Complementair +180°
- DDACB1
Sakura
- 8FC7C4
≈ Embellished Blue
Analoog -30° +30°
- DDACB1
Sakura
- D6ADC5
≈ Pink Lavender
- DCAF9E
≈ Angel Breath
Triadisch +120° +240°
- DDACB1
Sakura
- ADC39D
≈ Pale Mint
- A0BEDF
≈ Blair
Gesplitst complementair +150° +210°
- DDACB1
Sakura
- 9AC7AF
≈ Lobaria Lichen
- 92C4D5
≈ Blue Glint
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.97:1 · APCA Lc 38
Ag
AAAOp zwart
WCAG 10.61:1 · APCA Lc 64
Beste tekstkleur: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
Codefragmenten
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);
}