Benannte Farbe · #939DCC
Velvet Robe
Velvet Robe ist #939DCC: rgb(147 157 204), hsl(229 36% 69%), oklch(0.705 0.07 275.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Velvet Robe color name →
#939DCC
oklch(0.705 0.07 275.1)
Farbumrechnungen
- HEX
- #939dcc
- RGB
- rgb(147 157 204)
- HSL
- hsl(229 36% 69%)
- HWB
- hwb(229 58% 20%)
- OKLCH
- oklch(0.705 0.07 275.1)
- OKLab
- oklab(0.705 0.006 -0.07)
- CIE Lab
- lab(65.22 4.36 -25.52)
- LCH
- lch(65.22 25.89 279.7)
- CMYK
- cmyk(28% 23% 0% 20%)
Tints · Shades · Tones
Tints
- 9DA7D1
- A8B0D7
- B2BADC
- BDC4E1
- C8CDE6
- D2D7EB
- DDE1F0
- E8EBF5
- F4F5FA
Shades
- 7F88B1
- 6C7397
- 595F7E
- 474C65
- 363A4E
- 252837
- 161822
- 08090F
- 010102
Tones
- 919AC4
- 8F97BD
- 8D94B5
- 8B92AD
- 898FA6
- 878C9E
- 868997
- 84868F
- 828388
Farbharmonien
Komplementär +180°
- 939DCC
Velvet Robe
- ADA06E
≈ Zucchini Garden
Analog -30° +30°
- 939DCC
Velvet Robe
- 7BA5C9
≈ Seaborne
- AA95C3
≈ Enchanted Lilac
Triadisch +120° +240°
- 939DCC
Velvet Robe
- C79183
≈ Black Hills Gold
- 7DAD8D
≈ Adventurine
Geteilt komplementär +150° +210°
- 939DCC
Velvet Robe
- BF9772
≈ Wilmington Tan
- 96A878
≈ Forester
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--velvet-robe: #939dcc;
--velvet-robe-rgb: 147 157 204;
--velvet-robe-oklch: oklch(0.705 0.07 275.1);
}
.element {
color: var(--velvet-robe);
background-color: hsl(229 36% 69%);
border-color: oklch(0.705 0.07 275.1);
}Tailwind CSS v4
@theme {
--color-velvet-robe: #939dcc;
--color-velvet-robe-50: #f0f4ff;
--color-velvet-robe-100: #e1e6ff;
--color-velvet-robe-200: #ccd2f3;
--color-velvet-robe-300: #aeb5dc;
--color-velvet-robe-400: #929cc8;
--color-velvet-robe-500: #7983b5;
--color-velvet-robe-600: #666f99;
--color-velvet-robe-700: #52587a;
--color-velvet-robe-800: #3a415b;
--color-velvet-robe-900: #282d40;
--color-velvet-robe-950: #161a28;
}SCSS
$velvet-robe: #939dcc;
$velvet-robe-rgb: 147, 157, 204;
$velvet-robe-light: mix(#fff, $velvet-robe, 20%);
$velvet-robe-dark: mix(#000, $velvet-robe, 20%);
.element {
color: $velvet-robe;
box-shadow: 0 0 0 2px rgba($velvet-robe, 0.35);
}