Benannte Farbe · #CEAB90
Beach Boardwalk
Beach Boardwalk ist #CEAB90: rgb(206 171 144), hsl(26 39% 69%), oklch(0.765 0.055 59.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Beach Boardwalk color name →
#CEAB90
oklch(0.765 0.055 59.5)
Farbumrechnungen
- HEX
- #ceab90
- RGB
- rgb(206 171 144)
- HSL
- hsl(26 39% 69%)
- HWB
- hwb(26 56% 19%)
- OKLCH
- oklch(0.765 0.055 59.5)
- OKLab
- oklab(0.765 0.028 0.048)
- CIE Lab
- lab(72.64 10.27 18.98)
- LCH
- lch(72.64 21.59 61.6)
- CMYK
- cmyk(0% 17% 30% 19%)
Tints · Shades · Tones
Tints
- D3B39B
- D8BBA6
- DDC4B1
- E2CCBC
- E7D5C7
- ECDDD2
- F1E5DD
- F5EEE8
- FAF6F4
Shades
- B3947D
- 987E6A
- 7F6857
- 665445
- 4E4034
- 382D24
- 231B15
- 0F0B07
- 020101
Tones
- C6A78F
- BEA28D
- B69E8C
- AE9A8A
- A79588
- 9F9187
- 978D85
- 8F8983
- 888482
Farbharmonien
Komplementär +180°
- CEAB90
Beach Boardwalk
- 93B8D3
≈ Blue Pointer
Analog -30° +30°
- CEAB90
Beach Boardwalk
- D4A69E
≈ Cinnamon Cocoa
- C1B28B
≈ Trailblazer
Triadisch +120° +240°
- CEAB90
Beach Boardwalk
- 8CBFB4
≈ Undine
- B7ABD2
≈ Delicate Lilac
Geteilt komplementär +150° +210°
- CEAB90
Beach Boardwalk
- 89BDC6
≈ Kingston Aqua
- A4B2D7
≈ High Style
Tetradisch +90° +180° +270°
- CEAB90
Beach Boardwalk
- 9BBDA0
≈ Spring Rain
- 93B8D3
≈ Blue Pointer
- C7A7C4
≈ Tea Towel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.85:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.85:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--beach-boardwalk: #ceab90;
--beach-boardwalk-rgb: 206 171 144;
--beach-boardwalk-oklch: oklch(0.765 0.055 59.5);
}
.element {
color: var(--beach-boardwalk);
background-color: hsl(26 39% 69%);
border-color: oklch(0.765 0.055 59.5);
}Tailwind CSS v4
@theme {
--color-beach-boardwalk: #ceab90;
--color-beach-boardwalk-50: #fff2e6;
--color-beach-boardwalk-100: #f6e4d6;
--color-beach-boardwalk-200: #e6cfbd;
--color-beach-boardwalk-300: #cdb29b;
--color-beach-boardwalk-400: #b8977e;
--color-beach-boardwalk-500: #a27e61;
--color-beach-boardwalk-600: #896a53;
--color-beach-boardwalk-700: #6e5542;
--color-beach-boardwalk-800: #513e2f;
--color-beach-boardwalk-900: #392a20;
--color-beach-boardwalk-950: #231810;
}SCSS
$beach-boardwalk: #ceab90;
$beach-boardwalk-rgb: 206, 171, 144;
$beach-boardwalk-light: mix(#fff, $beach-boardwalk, 20%);
$beach-boardwalk-dark: mix(#000, $beach-boardwalk, 20%);
.element {
color: $beach-boardwalk;
box-shadow: 0 0 0 2px rgba($beach-boardwalk, 0.35);
}