Benoemde kleur · #DBB8BF
Hosanna
Hosanna is #DBB8BF: rgb(219 184 191), hsl(348 33% 79%), oklch(0.815 0.041 4.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Hosanna color name →
#DBB8BF
oklch(0.815 0.041 4.5)
Kleurconversies
- HEX
- #dbb8bf
- RGB
- rgb(219 184 191)
- HSL
- hsl(348 33% 79%)
- HWB
- hwb(348 72% 14%)
- OKLCH
- oklch(0.815 0.041 4.5)
- OKLab
- oklab(0.815 0.041 0.003)
- CIE Lab
- lab(78.04 13.8 1.39)
- LCH
- lch(78.04 13.87 5.7)
- CMYK
- cmyk(0% 16% 13% 14%)
Tinten · Schaduwen · Tonen
Tinten
- DFBFC5
- E2C6CC
- E6CDD2
- EAD4D8
- EDDBDF
- F1E2E5
- F5E9EB
- F8F1F2
- FCF8F8
Schaduwen
- BEA0A6
- A2888D
- 877175
- 6D5B5E
- 544548
- 3C3133
- 261E1F
- 110C0D
- 020202
Tonen
- D2B2B8
- C8ADB2
- BFA7AC
- B6A1A5
- AD9C9F
- A49699
- 9B9192
- 928B8C
- 898586
Kleurharmonieën
Complementair +180°
- DBB8BF
Hosanna
- A6CCC6
≈ Eggshell Blue
Analoog -30° +30°
- DBB8BF
Hosanna
- D4B9CD
≈ Bedazzled
- DCBAB1
≈ Cavern Pink
Triadisch +120° +240°
- DBB8BF
Hosanna
- BCC8AB
≈ Tamboon
- ADC6DC
≈ Barking Creek
Gesplitst complementair +150° +210°
- DBB8BF
Hosanna
- AFCBB7
≈ Bird’s Egg Green
- A5CAD3
≈ Sky Chase
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.80:1 · APCA Lc 34
Ag
AAAOp zwart
WCAG 11.62:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.62:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
CSS
:root {
--hosanna: #dbb8bf;
--hosanna-rgb: 219 184 191;
--hosanna-oklch: oklch(0.815 0.041 4.5);
}
.element {
color: var(--hosanna);
background-color: hsl(348 33% 79%);
border-color: oklch(0.815 0.041 4.5);
}Tailwind CSS v4
@theme {
--color-hosanna: #dbb8bf;
--color-hosanna-50: #fff1f3;
--color-hosanna-100: #f5e3e5;
--color-hosanna-200: #e5cdd1;
--color-hosanna-300: #cbafb4;
--color-hosanna-400: #b5959b;
--color-hosanna-500: #9f7b83;
--color-hosanna-600: #86686f;
--color-hosanna-700: #6c5358;
--color-hosanna-800: #4f3d41;
--color-hosanna-900: #372a2d;
--color-hosanna-950: #22171a;
}SCSS
$hosanna: #dbb8bf;
$hosanna-rgb: 219, 184, 191;
$hosanna-light: mix(#fff, $hosanna, 20%);
$hosanna-dark: mix(#000, $hosanna, 20%);
.element {
color: $hosanna;
box-shadow: 0 0 0 2px rgba($hosanna, 0.35);
}