Benoemde kleur · #CD9D99
Gilman Rose
Gilman Rose is #CD9D99: rgb(205 157 153), hsl(5 34% 70%), oklch(0.74 0.058 24). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Gilman Rose color name →
#CD9D99
oklch(0.74 0.058 24)
Kleurconversies
- HEX
- #cd9d99
- RGB
- rgb(205 157 153)
- HSL
- hsl(5 34% 70%)
- HWB
- hwb(5 60% 20%)
- OKLCH
- oklch(0.74 0.058 24)
- OKLab
- oklab(0.74 0.053 0.024)
- CIE Lab
- lab(69.24 17.98 9.37)
- LCH
- lch(69.24 20.28 27.5)
- CMYK
- cmyk(0% 23% 25% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D2A7A3
- D8B0AD
- DDBAB7
- E2C4C1
- E7CDCB
- ECD7D5
- F1E1E0
- F6EBEA
- FAF5F4
Schaduwen
- B28884
- 987370
- 7E5F5D
- 664C4A
- 4E3A38
- 382827
- 231817
- 0F0908
- 020101
Tonen
- C59A97
- BE9794
- B69492
- AE928F
- A68F8D
- 9F8C8A
- 978988
- 8F8685
- 888383
Kleurharmonieën
Complementair +180°
- CD9D99
Gilman Rose
- 7FB6BB
≈ Lifeboat Blue
Analoog -30° +30°
- CD9D99
Gilman Rose
- C99CAD
≈ Rosebay
- C9A189
≈ Peanut Butter Crust
Triadisch +120° +240°
- CD9D99
Gilman Rose
- 95B594
≈ Mountain Fern
- 98ABD0
≈ Hopeful Dream
Gesplitst complementair +150° +210°
- CD9D99
Gilman Rose
- 84B7A8
≈ Source Green
- 87B1CA
≈ Batch Blue
Tetradisch +90° +180° +270°
- CD9D99
Gilman Rose
- AAAF85
≈ Wall Green
- 7FB6BB
≈ Lifeboat Blue
- ACA4CC
≈ Puturple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.36:1 · APCA Lc 47
Ag
AAAOp zwart
WCAG 8.87:1 · APCA Lc 55
Beste tekstkleur: #000000
WCAG 8.87:1 (AAA) · APCA Lc 55
Contrast pairs
Codefragmenten
CSS
:root {
--gilman-rose: #cd9d99;
--gilman-rose-rgb: 205 157 153;
--gilman-rose-oklch: oklch(0.74 0.058 24);
}
.element {
color: var(--gilman-rose);
background-color: hsl(5 34% 70%);
border-color: oklch(0.74 0.058 24);
}Tailwind CSS v4
@theme {
--color-gilman-rose: #cd9d99;
--color-gilman-rose-50: #ffefed;
--color-gilman-rose-100: #fbe1de;
--color-gilman-rose-200: #eccbc7;
--color-gilman-rose-300: #d4ada8;
--color-gilman-rose-400: #bf928e;
--color-gilman-rose-500: #a97773;
--color-gilman-rose-600: #8f6562;
--color-gilman-rose-700: #73514e;
--color-gilman-rose-800: #553b39;
--color-gilman-rose-900: #3b2827;
--color-gilman-rose-950: #251615;
}SCSS
$gilman-rose: #cd9d99;
$gilman-rose-rgb: 205, 157, 153;
$gilman-rose-light: mix(#fff, $gilman-rose, 20%);
$gilman-rose-dark: mix(#000, $gilman-rose, 20%);
.element {
color: $gilman-rose;
box-shadow: 0 0 0 2px rgba($gilman-rose, 0.35);
}