Benoemde kleur · #CD616B
Desert Rose
Desert Rose is #CD616B: rgb(205 97 107), hsl(354 52% 59%), oklch(0.626 0.137 16.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Desert Rose color name →
#CD616B
oklch(0.626 0.137 16.2)
Kleurconversies
- HEX
- #cd616b
- RGB
- rgb(205 97 107)
- HSL
- hsl(354 52% 59%)
- HWB
- hwb(354 38% 20%)
- OKLCH
- oklch(0.626 0.137 16.2)
- OKLab
- oklab(0.626 0.132 0.038)
- CIE Lab
- lab(55.12 44.35 15.97)
- LCH
- lch(55.12 47.14 19.8)
- CMYK
- cmyk(0% 53% 48% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D47179
- DA8187
- E09195
- E6A1A4
- EBB0B3
- F0C0C2
- F4D0D1
- F8DFE0
- FCEFEF
Schaduwen
- B2535C
- 98464E
- 7E393F
- 662D32
- 4E2125
- 381518
- 230B0D
- 0F0304
- 020000
Tonen
- C6656D
- BF696F
- B86D72
- B17074
- A97376
- A27678
- 9A797A
- 927B7C
- 897E7E
Kleurharmonieën
Complementair +180°
- CD616B
Desert Rose
- 009B9D
≈ Riviera Paradise
Analoog -30° +30°
- CD616B
Desert Rose
- C16299
≈ Llilacquered
- CA6A38
≈ Apricot Orange
Triadisch +120° +240°
- CD616B
Desert Rose
- 5F9A41
≈ Bredon Green
- 4C89D9
≈ Blue Jay
Gesplitst complementair +150° +210°
- CD616B
Desert Rose
- 00A076
≈ Free Speech Aquamarine
- 0096BF
≈ Atomic Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.80:1 · APCA Lc 65
Ag
AAOp zwart
WCAG 5.51:1 · APCA Lc 37
Beste tekstkleur: #000000
WCAG 5.51:1 (AA) · APCA Lc 37
Contrast pairs
Codefragmenten
CSS
:root {
--desert-rose: #cd616b;
--desert-rose-rgb: 205 97 107;
--desert-rose-oklch: oklch(0.626 0.137 16.2);
}
.element {
color: var(--desert-rose);
background-color: hsl(354 52% 59%);
border-color: oklch(0.626 0.137 16.2);
}Tailwind CSS v4
@theme {
--color-desert-rose: #cd616b;
--color-desert-rose-50: #ffe6e6;
--color-desert-rose-100: #ffd6d7;
--color-desert-rose-200: #ffbdbe;
--color-desert-rose-300: #f59a9d;
--color-desert-rose-400: #e37a82;
--color-desert-rose-500: #d15a66;
--color-desert-rose-600: #b04d57;
--color-desert-rose-700: #8e3d45;
--color-desert-rose-800: #692b34;
--color-desert-rose-900: #4a1d23;
--color-desert-rose-950: #300d12;
}SCSS
$desert-rose: #cd616b;
$desert-rose-rgb: 205, 97, 107;
$desert-rose-light: mix(#fff, $desert-rose, 20%);
$desert-rose-dark: mix(#000, $desert-rose, 20%);
.element {
color: $desert-rose;
box-shadow: 0 0 0 2px rgba($desert-rose, 0.35);
}