Benoemde kleur · #CD899E
Orchid Smoke
Orchid Smoke is #CD899E: rgb(205 137 158), hsl(341 40% 67%), oklch(0.705 0.087 359.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Orchid Smoke color name →
#CD899E
oklch(0.705 0.087 359.5)
Kleurconversies
- HEX
- #cd899e
- RGB
- rgb(205 137 158)
- HSL
- hsl(341 40% 67%)
- HWB
- hwb(341 54% 20%)
- OKLCH
- oklch(0.705 0.087 359.5)
- OKLab
- oklab(0.705 0.087 -0.001)
- CIE Lab
- lab(64.64 28.86 0.03)
- LCH
- lch(64.64 28.86 0.1)
- CMYK
- cmyk(0% 33% 23% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D395A7
- D8A0B1
- DEACBA
- E3B8C4
- E8C3CD
- EDCFD7
- F2DBE1
- F6E7EB
- FBF3F5
Schaduwen
- B27689
- 986474
- 7E5360
- 66424D
- 4E313A
- 382229
- 231418
- 0F0709
- 020101
Tonen
- C5889B
- BE8898
- B68795
- AF8692
- A7858F
- 9F848C
- 988389
- 908286
- 888183
Kleurharmonieën
Complementair +180°
- CD899E
Orchid Smoke
- 5DB2A1
≈ Green Crush
Analoog -30° +30°
- CD899E
Orchid Smoke
- BF8CBA
≈ Dragonflies
- D08B80
≈ Constant Coral
Triadisch +120° +240°
- CD899E
Orchid Smoke
- 99A869
≈ Whirled Peas
- 6BA7D1
≈ Salem Blue
Gesplitst complementair +150° +210°
- CD899E
Orchid Smoke
- 78AF83
≈ Frosted Emerald
- 56AFBD
≈ Finnish Fiord
Tetradisch +90° +180° +270°
- CD899E
Orchid Smoke
- B59E5E
≈ Antique Gold
- 5DB2A1
≈ Green Crush
- 8A9ED7
≈ Azureno
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.73:1 · APCA Lc 53
Ag
AAAOp zwart
WCAG 7.66:1 · APCA Lc 49
Beste tekstkleur: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Codefragmenten
CSS
:root {
--orchid-smoke: #cd899e;
--orchid-smoke-rgb: 205 137 158;
--orchid-smoke-oklch: oklch(0.705 0.087 359.5);
}
.element {
color: var(--orchid-smoke);
background-color: hsl(341 40% 67%);
border-color: oklch(0.705 0.087 359.5);
}Tailwind CSS v4
@theme {
--color-orchid-smoke: #cd899e;
--color-orchid-smoke-50: #ffebf3;
--color-orchid-smoke-100: #ffdce6;
--color-orchid-smoke-200: #f5c5d2;
--color-orchid-smoke-300: #dea5b4;
--color-orchid-smoke-400: #c9899d;
--color-orchid-smoke-500: #b56d84;
--color-orchid-smoke-600: #995d70;
--color-orchid-smoke-700: #7b4a59;
--color-orchid-smoke-800: #5b3542;
--color-orchid-smoke-900: #3f242e;
--color-orchid-smoke-950: #28131b;
}SCSS
$orchid-smoke: #cd899e;
$orchid-smoke-rgb: 205, 137, 158;
$orchid-smoke-light: mix(#fff, $orchid-smoke, 20%);
$orchid-smoke-dark: mix(#000, $orchid-smoke, 20%);
.element {
color: $orchid-smoke;
box-shadow: 0 0 0 2px rgba($orchid-smoke, 0.35);
}