Benannte Farbe · #F5BE9D
Shrimp Boat
Shrimp Boat ist #F5BE9D: rgb(245 190 157), hsl(22 81% 79%), oklch(0.843 0.078 52.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Shrimp Boat color name →
#F5BE9D
oklch(0.843 0.078 52.3)
Farbumrechnungen
- HEX
- #f5be9d
- RGB
- rgb(245 190 157)
- HSL
- hsl(22 81% 79%)
- HWB
- hwb(22 62% 4%)
- OKLCH
- oklch(0.843 0.078 52.3)
- OKLab
- oklab(0.843 0.047 0.061)
- CIE Lab
- lab(81.44 17.21 24.71)
- LCH
- lch(81.44 30.11 55.1)
- CMYK
- cmyk(0% 22% 36% 4%)
Tints · Shades · Tones
Tints
- F6C5A7
- F8CBB1
- F9D2BA
- FAD8C4
- FBDFCE
- FCE5D8
- FDECE2
- FEF2EB
- FEF9F5
Shades
- D5A588
- B68C73
- 98755F
- 7B5E4C
- 5F483A
- 443328
- 2B1F18
- 150D09
- 030201
Tones
- E9B89A
- DDB198
- D1AB95
- C5A592
- BA9F8F
- AE998C
- A29289
- 978C86
- 8B8683
Farbharmonien
Komplementär +180°
- F5BE9D
Shrimp Boat
- 98D5F6
≈ Juzcar Blue
Analog -30° +30°
- F5BE9D
Shrimp Boat
- FAB8B5
≈ Peach Whisper
- E5C791
≈ Molten Gold
Triadisch +120° +240°
- F5BE9D
Shrimp Boat
- 96DCC6
≈ Almost Aqua
- CCC3FB
≈ Innocent Snowdrop
Geteilt komplementär +150° +210°
- F5BE9D
Shrimp Boat
- 8DDBE1
≈ Paradisiacal Getaway
- B0CCFF
≈ Night Snow
Tetradisch +90° +180° +270°
- F5BE9D
Shrimp Boat
- AFD9AA
≈ Fizz
- 98D5F6
≈ Juzcar Blue
- E4BBEA
≈ Beefy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.73:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.73:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--shrimp-boat: #f5be9d;
--shrimp-boat-rgb: 245 190 157;
--shrimp-boat-oklch: oklch(0.843 0.078 52.3);
}
.element {
color: var(--shrimp-boat);
background-color: hsl(22 81% 79%);
border-color: oklch(0.843 0.078 52.3);
}Tailwind CSS v4
@theme {
--color-shrimp-boat: #f5be9d;
--color-shrimp-boat-50: #fff0e1;
--color-shrimp-boat-100: #fee2d0;
--color-shrimp-boat-200: #f0ccb6;
--color-shrimp-boat-300: #d8ad92;
--color-shrimp-boat-400: #c49274;
--color-shrimp-boat-500: #af7755;
--color-shrimp-boat-600: #946548;
--color-shrimp-boat-700: #77513a;
--color-shrimp-boat-800: #583a29;
--color-shrimp-boat-900: #3e281c;
--color-shrimp-boat-950: #27160c;
}SCSS
$shrimp-boat: #f5be9d;
$shrimp-boat-rgb: 245, 190, 157;
$shrimp-boat-light: mix(#fff, $shrimp-boat, 20%);
$shrimp-boat-dark: mix(#000, $shrimp-boat, 20%);
.element {
color: $shrimp-boat;
box-shadow: 0 0 0 2px rgba($shrimp-boat, 0.35);
}