Benoemde kleur · #DD9999
Blushing Bud
Blushing Bud is #DD9999: rgb(221 153 153), hsl(0 50% 73%), oklch(0.749 0.082 19.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Blushing Bud color name →
#DD9999
oklch(0.749 0.082 19.2)
Kleurconversies
- HEX
- #dd9999
- RGB
- rgb(221 153 153)
- HSL
- hsl(0 50% 73%)
- HWB
- hwb(0 60% 13%)
- OKLCH
- oklch(0.749 0.082 19.2)
- OKLab
- oklab(0.749 0.077 0.027)
- CIE Lab
- lab(70.07 26.23 10.84)
- LCH
- lch(70.07 28.38 22.5)
- CMYK
- cmyk(0% 31% 31% 13%)
Tinten · Schaduwen · Tonen
Tinten
- E1A3A3
- E5ADAD
- E9B7B7
- ECC1C1
- F0CCCB
- F3D6D5
- F6E0E0
- F9EAEA
- FCF5F4
Schaduwen
- C08484
- A47070
- 885D5D
- 6E4A4A
- 553838
- 3D2727
- 261717
- 110808
- 020101
Tonen
- D49797
- CA9494
- C19292
- B88F8F
- AF8D8D
- A58A8A
- 9C8888
- 938585
- 898383
Kleurharmonieën
Complementair +180°
- DD9999
Blushing Bud
- 6ABEC1
≈ Aqua Sky
Analoog -30° +30°
- DD9999
Blushing Bud
- D699B6
≈ Sweet Perfume
- D99F7F
≈ Fame Orange
Triadisch +120° +240°
- DD9999
Blushing Bud
- 93BB89
≈ Green Masquerade
- 8FAFE2
≈ Blue Skies Today
Gesplitst complementair +150° +210°
- DD9999
Blushing Bud
- 77BFA5
≈ Celadon Porcelain
- 74B8D7
≈ Tribute
Tetradisch +90° +180° +270°
- DD9999
Blushing Bud
- B1B275
≈ Timothy Grass
- 6ABEC1
≈ Aqua Sky
- ACA6DF
≈ Maximum Blue Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.31:1 · APCA Lc 45
Ag
AAAOp zwart
WCAG 9.09:1 · APCA Lc 57
Beste tekstkleur: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Codefragmenten
CSS
:root {
--blushing-bud: #dd9999;
--blushing-bud-rgb: 221 153 153;
--blushing-bud-oklch: oklch(0.749 0.082 19.2);
}
.element {
color: var(--blushing-bud);
background-color: hsl(0 50% 73%);
border-color: oklch(0.749 0.082 19.2);
}Tailwind CSS v4
@theme {
--color-blushing-bud: #dd9999;
--color-blushing-bud-50: #ffedeb;
--color-blushing-bud-100: #ffdedc;
--color-blushing-bud-200: #f6c7c5;
--color-blushing-bud-300: #dfa7a5;
--color-blushing-bud-400: #ca8b8b;
--color-blushing-bud-500: #b66f70;
--color-blushing-bud-600: #9a5f5f;
--color-blushing-bud-700: #7c4b4c;
--color-blushing-bud-800: #5c3638;
--color-blushing-bud-900: #402526;
--color-blushing-bud-950: #291415;
}SCSS
$blushing-bud: #dd9999;
$blushing-bud-rgb: 221, 153, 153;
$blushing-bud-light: mix(#fff, $blushing-bud, 20%);
$blushing-bud-dark: mix(#000, $blushing-bud, 20%);
.element {
color: $blushing-bud;
box-shadow: 0 0 0 2px rgba($blushing-bud, 0.35);
}