Benannte Farbe · #B77D58
Pastry Shell
Pastry Shell ist #B77D58: rgb(183 125 88), hsl(23 40% 53%), oklch(0.64 0.089 53). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Pastry Shell color name →
#B77D58
oklch(0.64 0.089 53)
Farbumrechnungen
- HEX
- #b77d58
- RGB
- rgb(183 125 88)
- HSL
- hsl(23 40% 53%)
- HWB
- hwb(23 35% 28%)
- OKLCH
- oklch(0.64 0.089 53)
- OKLab
- oklab(0.64 0.053 0.071)
- CIE Lab
- lab(57.87 20.16 29.67)
- LCH
- lch(57.87 35.87 55.8)
- CMYK
- cmyk(0% 32% 52% 28%)
Tints · Shades · Tones
Tints
- BF8A68
- C69679
- CEA389
- D5B09A
- DCBDAA
- E3CABB
- EAD7CC
- F1E4DD
- F8F2EE
Shades
- 9F6C4B
- 875B3F
- 704B33
- 5A3B28
- 452C1D
- 311E12
- 1E1109
- 0C0503
- 020100
Tones
- B27E5D
- AC7E61
- A77F65
- A27F6A
- 9C7F6E
- 978071
- 918075
- 8C8079
- 86807D
Farbharmonien
Komplementär +180°
- B77D58
Pastry Shell
- 5095BA
≈ Heritage Blue
Analog -30° +30°
- B77D58
Pastry Shell
- BC7673
≈ Nipple
- A7874A
≈ Mustard Gold
Triadisch +120° +240°
- B77D58
Pastry Shell
- 4B9E87
≈ Wintergreen Shadow
- 8E82BE
≈ Bravo!
Geteilt komplementär +150° +210°
- B77D58
Pastry Shell
- 3D9CA4
≈ Caribbean Cruise
- 708CC3
≈ Dayflower Blue
Tetradisch +90° +180° +270°
- B77D58
Pastry Shell
- 6C9A69
≈ Leafy
- 5095BA
≈ Heritage Blue
- A77AAC
≈ Design Delight
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.08:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--pastry-shell: #b77d58;
--pastry-shell-rgb: 183 125 88;
--pastry-shell-oklch: oklch(0.64 0.089 53);
}
.element {
color: var(--pastry-shell);
background-color: hsl(23 40% 53%);
border-color: oklch(0.64 0.089 53);
}Tailwind CSS v4
@theme {
--color-pastry-shell: #b77d58;
--color-pastry-shell-50: #ffefde;
--color-pastry-shell-100: #ffe1cc;
--color-pastry-shell-200: #f3cbb1;
--color-pastry-shell-300: #dcac8c;
--color-pastry-shell-400: #c8906d;
--color-pastry-shell-500: #b4754c;
--color-pastry-shell-600: #986341;
--color-pastry-shell-700: #7a4f34;
--color-pastry-shell-800: #5b3925;
--color-pastry-shell-900: #402719;
--color-pastry-shell-950: #281509;
}SCSS
$pastry-shell: #b77d58;
$pastry-shell-rgb: 183, 125, 88;
$pastry-shell-light: mix(#fff, $pastry-shell, 20%);
$pastry-shell-dark: mix(#000, $pastry-shell, 20%);
.element {
color: $pastry-shell;
box-shadow: 0 0 0 2px rgba($pastry-shell, 0.35);
}