Nazwany kolor · #E8D9BD
Roycroft Vellum
Roycroft Vellum to #E8D9BD: rgb(232 217 189), hsl(39 48% 83%), oklch(0.89 0.041 83.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Roycroft Vellum color name →
#E8D9BD
oklch(0.89 0.041 83.1)
Konwersje koloru
- HEX
- #e8d9bd
- RGB
- rgb(232 217 189)
- HSL
- hsl(39 48% 83%)
- HWB
- hwb(39 74% 9%)
- OKLCH
- oklch(0.89 0.041 83.1)
- OKLab
- oklab(0.89 0.005 0.04)
- CIE Lab
- lab(87.38 2.04 15.81)
- LCH
- lch(87.38 15.94 82.7)
- CMYK
- cmyk(0% 6% 19% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EADDC4
- EDE1CA
- EFE4D1
- F1E8D7
- F4ECDE
- F6F0E5
- F8F4EB
- FAF7F2
- FDFBF8
Odcienie ciemniejsze
- CABCA4
- ACA18C
- 908674
- 746C5D
- 595347
- 403B33
- 29251F
- 13110D
- 030202
Tony
- DDD0B7
- D2C7B1
- C8BDAA
- BDB4A4
- B3AC9E
- A8A398
- 9E9A92
- 94918C
- 8A8986
Harmonie kolorów
Komplementarna +180°
- E8D9BD
Roycroft Vellum
- CDDBF7
≈ Icy Plains
Analogowa -30° +30°
- E8D9BD
Roycroft Vellum
- F2D4C2
≈ Melon Pink
- DADEC0
≈ Soft Vellum
Triada +120° +240°
- E8D9BD
Roycroft Vellum
- BCE3E7
≈ Icy Water
- E9D2EB
≈ Lavender Princess
Komplementarna rozszczepiona +150° +210°
- E8D9BD
Roycroft Vellum
- C1E0F2
≈ Tropical Pool
- DBD6F4
≈ Japan Blush
Tetrada +90° +180° +270°
- E8D9BD
Roycroft Vellum
- C0E4D8
≈ Jade Spell
- CDDBF7
≈ Icy Plains
- F2D0DD
≈ Ballerina
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.09:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--roycroft-vellum: #e8d9bd;
--roycroft-vellum-rgb: 232 217 189;
--roycroft-vellum-oklch: oklch(0.89 0.041 83.1);
}
.element {
color: var(--roycroft-vellum);
background-color: hsl(39 48% 83%);
border-color: oklch(0.89 0.041 83.1);
}Tailwind CSS v4
@theme {
--color-roycroft-vellum: #e8d9bd;
--color-roycroft-vellum-50: #faf5e8;
--color-roycroft-vellum-100: #eee7d9;
--color-roycroft-vellum-200: #dcd3c1;
--color-roycroft-vellum-300: #c1b6a0;
--color-roycroft-vellum-400: #aa9d84;
--color-roycroft-vellum-500: #938468;
--color-roycroft-vellum-600: #7d7058;
--color-roycroft-vellum-700: #645946;
--color-roycroft-vellum-800: #4a4132;
--color-roycroft-vellum-900: #332d22;
--color-roycroft-vellum-950: #1f1a11;
}SCSS
$roycroft-vellum: #e8d9bd;
$roycroft-vellum-rgb: 232, 217, 189;
$roycroft-vellum-light: mix(#fff, $roycroft-vellum, 20%);
$roycroft-vellum-dark: mix(#000, $roycroft-vellum, 20%);
.element {
color: $roycroft-vellum;
box-shadow: 0 0 0 2px rgba($roycroft-vellum, 0.35);
}