Benannte Farbe · #DDDEBE
Soft Vellum
Soft Vellum ist #DDDEBE: rgb(221 222 190), hsl(62 33% 81%), oklch(0.891 0.043 108.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Soft Vellum color name →
#DDDEBE
oklch(0.891 0.043 108.7)
Farbumrechnungen
- HEX
- #dddebe
- RGB
- rgb(221 222 190)
- HSL
- hsl(62 33% 81%)
- HWB
- hwb(62 75% 13%)
- OKLCH
- oklch(0.891 0.043 108.7)
- OKLab
- oklab(0.891 -0.014 0.04)
- CIE Lab
- lab(87.76 -4.34 15.66)
- LCH
- lch(87.76 16.25 105.5)
- CMYK
- cmyk(0% 0% 14% 13%)
Tints · Shades · Tones
Tints
- E0E1C4
- E4E5CB
- E7E8D1
- EAEBD8
- EEEEDE
- F1F2E5
- F5F5EB
- F8F8F2
- FCFCF8
Shades
- C0C1A5
- A4A58C
- 888975
- 6E6F5E
- 555548
- 3D3D33
- 26261F
- 11120D
- 020202
Tones
- D3D4B8
- CACBB1
- C0C1AB
- B7B7A5
- ADAE9F
- A4A599
- 9B9B92
- 92928C
- 898986
Farbharmonien
Komplementär +180°
- DDDEBE
Soft Vellum
- D9D7F6
≈ Lavender Sky
Analog -30° +30°
- DDDEBE
Soft Vellum
- EBD9BC
≈ White Hot Chocolate
- CEE2C8
≈ Endive
Triadisch +120° +240°
- DDDEBE
Soft Vellum
- BFE1F2
≈ Tropical Pool
- F2D0E0
≈ Minimal Rose
Geteilt komplementär +150° +210°
- DDDEBE
Soft Vellum
- CBDDF8
≈ Fly a Kite
- E8D3EE
≈ Lavender Princess
Tetradisch +90° +180° +270°
- DDDEBE
Soft Vellum
- BBE4E6
≈ Soaring Sky
- D9D7F6
≈ Lavender Sky
- F6D1D0
≈ Pinky Promise
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.37:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.26:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--soft-vellum: #dddebe;
--soft-vellum-rgb: 221 222 190;
--soft-vellum-oklch: oklch(0.891 0.043 108.7);
}
.element {
color: var(--soft-vellum);
background-color: hsl(62 33% 81%);
border-color: oklch(0.891 0.043 108.7);
}Tailwind CSS v4
@theme {
--color-soft-vellum: #dddebe;
--color-soft-vellum-50: #f5f6e9;
--color-soft-vellum-100: #e8e9d9;
--color-soft-vellum-200: #d5d6c2;
--color-soft-vellum-300: #b8baa1;
--color-soft-vellum-400: #a0a184;
--color-soft-vellum-500: #888968;
--color-soft-vellum-600: #737458;
--color-soft-vellum-700: #5c5d46;
--color-soft-vellum-800: #444432;
--color-soft-vellum-900: #2f2f22;
--color-soft-vellum-950: #1b1b11;
}SCSS
$soft-vellum: #dddebe;
$soft-vellum-rgb: 221, 222, 190;
$soft-vellum-light: mix(#fff, $soft-vellum, 20%);
$soft-vellum-dark: mix(#000, $soft-vellum, 20%);
.element {
color: $soft-vellum;
box-shadow: 0 0 0 2px rgba($soft-vellum, 0.35);
}