Benoemde kleur · #DAB09E
Rose Cloud
Rose Cloud is #DAB09E: rgb(218 176 158), hsl(18 45% 74%), oklch(0.79 0.055 44.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Rose Cloud color name →
#DAB09E
oklch(0.79 0.055 44.4)
Kleurconversies
- HEX
- #dab09e
- RGB
- rgb(218 176 158)
- HSL
- hsl(18 45% 74%)
- HWB
- hwb(18 62% 15%)
- OKLCH
- oklch(0.79 0.055 44.4)
- OKLab
- oklab(0.79 0.039 0.039)
- CIE Lab
- lab(75.32 13.82 15.33)
- LCH
- lch(75.32 20.64 48)
- CMYK
- cmyk(0% 19% 28% 15%)
Tinten · Schaduwen · Tonen
Tinten
- DEB8A7
- E2C0B1
- E6C7BB
- E9CFC4
- EDD7CE
- F1DFD8
- F4E7E1
- F8EFEB
- FCF7F5
Schaduwen
- BD9989
- A28274
- 876C60
- 6C564D
- 54423A
- 3C2E29
- 251C18
- 110B09
- 020101
Tonen
- D1AB9B
- C8A698
- BFA195
- B59D92
- AC988F
- A3938C
- 9B8E89
- 928A86
- 898583
Kleurharmonieën
Complementair +180°
- DAB09E
Rose Cloud
- 95C3D5
≈ Sky Bus
Analoog -30° +30°
- DAB09E
Rose Cloud
- DCADAF
≈ Pale Chestnut
- D0B694
≈ Granivorous
Triadisch +120° +240°
- DAB09E
Rose Cloud
- 9AC6B1
≈ Lobaria Lichen
- B6B6DE
≈ Wild Orchid Blue
Gesplitst complementair +150° +210°
- DAB09E
Rose Cloud
- 91C6C5
≈ Embellished Blue
- A3BDDE
≈ Blair
Tetradisch +90° +180° +270°
- DAB09E
Rose Cloud
- ACC39F
≈ Pale Mint
- 95C3D5
≈ Sky Bus
- C8B1D4
≈ Windsor Purple
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.96:1 · APCA Lc 38
Ag
AAAOp zwart
WCAG 10.68:1 · APCA Lc 65
Beste tekstkleur: #000000
WCAG 10.68:1 (AAA) · APCA Lc 65
Contrast pairs
Codefragmenten
CSS
:root {
--rose-cloud: #dab09e;
--rose-cloud-rgb: 218 176 158;
--rose-cloud-oklch: oklch(0.79 0.055 44.4);
}
.element {
color: var(--rose-cloud);
background-color: hsl(18 45% 74%);
border-color: oklch(0.79 0.055 44.4);
}Tailwind CSS v4
@theme {
--color-rose-cloud: #dab09e;
--color-rose-cloud-50: #fff1e8;
--color-rose-cloud-100: #f9e3d9;
--color-rose-cloud-200: #e9cec1;
--color-rose-cloud-300: #d0afa0;
--color-rose-cloud-400: #bb9584;
--color-rose-cloud-500: #a67b68;
--color-rose-cloud-600: #8c6858;
--color-rose-cloud-700: #705346;
--color-rose-cloud-800: #533c33;
--color-rose-cloud-900: #3a2923;
--color-rose-cloud-950: #241712;
}SCSS
$rose-cloud: #dab09e;
$rose-cloud-rgb: 218, 176, 158;
$rose-cloud-light: mix(#fff, $rose-cloud, 20%);
$rose-cloud-dark: mix(#000, $rose-cloud, 20%);
.element {
color: $rose-cloud;
box-shadow: 0 0 0 2px rgba($rose-cloud, 0.35);
}