Benoemde kleur · #D9BEBB
Rosario Ridge
Rosario Ridge is #D9BEBB: rgb(217 190 187), hsl(6 28% 79%), oklch(0.824 0.031 25.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Rosario Ridge color name →
#D9BEBB
oklch(0.824 0.031 25.3)
Kleurconversies
- HEX
- #d9bebb
- RGB
- rgb(217 190 187)
- HSL
- hsl(6 28% 79%)
- HWB
- hwb(6 73% 15%)
- OKLCH
- oklch(0.824 0.031 25.3)
- OKLab
- oklab(0.824 0.028 0.013)
- CIE Lab
- lab(79.25 9.55 5.23)
- LCH
- lch(79.25 10.89 28.7)
- CMYK
- cmyk(0% 12% 14% 15%)
Tinten · Schaduwen · Tonen
Tinten
- DDC4C2
- E1CBC8
- E5D1CF
- E8D8D6
- ECDEDD
- F0E5E3
- F4EBEA
- F8F2F1
- FBF8F8
Schaduwen
- BCA5A2
- A18C8A
- 867573
- 6C5E5C
- 534846
- 3B3332
- 251F1F
- 110D0D
- 020202
Tonen
- D0B8B5
- C7B1AF
- BEABA9
- B5A5A3
- AC9F9D
- A39897
- 9A9291
- 918C8B
- 898686
Kleurharmonieën
Complementair +180°
- D9BEBB
Rosario Ridge
- AFCCCF
≈ Baroque Chalk Soft Blue
Analoog -30° +30°
- D9BEBB
Rosario Ridge
- D7BDC6
≈ Magnolia White
- D6C1B2
≈ Champagne Glee
Triadisch +120° +240°
- D9BEBB
Rosario Ridge
- B9CBB9
≈ Pastel Grey Green
- BCC5DA
≈ Angel in Blue Jeans
Gesplitst complementair +150° +210°
- D9BEBB
Rosario Ridge
- B1CCC4
≈ Light Teal
- B3C9D7
≈ Blissful Blue
Tetradisch +90° +180° +270°
- D9BEBB
Rosario Ridge
- C4C8B1
≈ Jugendstil Green
- AFCCCF
≈ Baroque Chalk Soft Blue
- C6C2D8
≈ Pale Violet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.74:1 · APCA Lc 32
Ag
AAAOp zwart
WCAG 12.03:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--rosario-ridge: #d9bebb;
--rosario-ridge-rgb: 217 190 187;
--rosario-ridge-oklch: oklch(0.824 0.031 25.3);
}
.element {
color: var(--rosario-ridge);
background-color: hsl(6 28% 79%);
border-color: oklch(0.824 0.031 25.3);
}Tailwind CSS v4
@theme {
--color-rosario-ridge: #d9bebb;
--color-rosario-ridge-50: #fef2f0;
--color-rosario-ridge-100: #f2e4e2;
--color-rosario-ridge-200: #e1d0cd;
--color-rosario-ridge-300: #c7b2af;
--color-rosario-ridge-400: #b09895;
--color-rosario-ridge-500: #9a7f7c;
--color-rosario-ridge-600: #826b69;
--color-rosario-ridge-700: #685654;
--color-rosario-ridge-800: #4d3e3d;
--color-rosario-ridge-900: #352b2a;
--color-rosario-ridge-950: #201818;
}SCSS
$rosario-ridge: #d9bebb;
$rosario-ridge-rgb: 217, 190, 187;
$rosario-ridge-light: mix(#fff, $rosario-ridge, 20%);
$rosario-ridge-dark: mix(#000, $rosario-ridge, 20%);
.element {
color: $rosario-ridge;
box-shadow: 0 0 0 2px rgba($rosario-ridge, 0.35);
}