Benannte Farbe · #B09A77
Dry Starfish
Dry Starfish ist #B09A77: rgb(176 154 119), hsl(37 27% 58%), oklch(0.697 0.055 79.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dry Starfish color name →
#B09A77
oklch(0.697 0.055 79.2)
Farbumrechnungen
- HEX
- #b09a77
- RGB
- rgb(176 154 119)
- HSL
- hsl(37 27% 58%)
- HWB
- hwb(37 47% 31%)
- OKLCH
- oklch(0.697 0.055 79.2)
- OKLab
- oklab(0.697 0.01 0.054)
- CIE Lab
- lab(64.92 4.51 21.59)
- LCH
- lch(64.92 22.05 78.2)
- CMYK
- cmyk(0% 13% 32% 31%)
Tints · Shades · Tones
Tints
- B8A484
- C0AE91
- C7B89F
- CFC2AC
- D7CCBA
- DFD6C7
- E7E0D5
- EFEAE3
- F7F5F1
Shades
- 998567
- 827157
- 6C5E47
- 564B38
- 42392A
- 2E271C
- 1C1710
- 0B0905
- 010101
Tones
- AB9778
- A69579
- A1927A
- 9D907B
- 988D7C
- 938A7D
- 8E887E
- 89857F
- 85837F
Farbharmonien
Komplementär +180°
- B09A77
Dry Starfish
- 899FC0
≈ Lavender Lustre
Analog -30° +30°
- B09A77
Dry Starfish
- BA9480
≈ Caramelised
- A0A179
≈ French Parsley
Triadisch +120° +240°
- B09A77
Dry Starfish
- 74A8AA
≈ Pompeius Blue
- AD93B3
≈ Glossy Grape
Geteilt komplementär +150° +210°
- B09A77
Dry Starfish
- 7AA5B9
≈ Blue Ridge Mist
- 9C98BE
≈ Majestic Violet
Tetradisch +90° +180° +270°
- B09A77
Dry Starfish
- 7CA998
≈ Catnip
- 899FC0
≈ Lavender Lustre
- B890A3
≈ Bed of Roses
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.71:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.73:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.73:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--dry-starfish: #b09a77;
--dry-starfish-rgb: 176 154 119;
--dry-starfish-oklch: oklch(0.697 0.055 79.2);
}
.element {
color: var(--dry-starfish);
background-color: hsl(37 27% 58%);
border-color: oklch(0.697 0.055 79.2);
}Tailwind CSS v4
@theme {
--color-dry-starfish: #b09a77;
--color-dry-starfish-50: #fdf4e4;
--color-dry-starfish-100: #f1e6d4;
--color-dry-starfish-200: #e0d2ba;
--color-dry-starfish-300: #c6b598;
--color-dry-starfish-400: #b09b7a;
--color-dry-starfish-500: #9a825c;
--color-dry-starfish-600: #826e4f;
--color-dry-starfish-700: #68583f;
--color-dry-starfish-800: #4d402d;
--color-dry-starfish-900: #362c1e;
--color-dry-starfish-950: #21190e;
}SCSS
$dry-starfish: #b09a77;
$dry-starfish-rgb: 176, 154, 119;
$dry-starfish-light: mix(#fff, $dry-starfish, 20%);
$dry-starfish-dark: mix(#000, $dry-starfish, 20%);
.element {
color: $dry-starfish;
box-shadow: 0 0 0 2px rgba($dry-starfish, 0.35);
}