Nazwany kolor · #C7B6AA
Boardwalk Sashay
Boardwalk Sashay to #C7B6AA: rgb(199 182 170), hsl(25 21% 72%), oklch(0.787 0.026 57.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Boardwalk Sashay color name →
#C7B6AA
oklch(0.787 0.026 57.6)
Konwersje koloru
- HEX
- #c7b6aa
- RGB
- rgb(199 182 170)
- HSL
- hsl(25 21% 72%)
- HWB
- hwb(25 67% 22%)
- OKLCH
- oklch(0.787 0.026 57.6)
- OKLab
- oklab(0.787 0.014 0.022)
- CIE Lab
- lab(75.25 4.78 8.44)
- LCH
- lch(75.25 9.7 60.5)
- CMYK
- cmyk(0% 9% 15% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDBDB2
- D2C4BB
- D8CBC3
- DDD3CB
- E3DAD4
- E8E1DC
- EEE9E5
- F4F0EE
- F9F8F6
Odcienie ciemniejsze
- AD9E93
- 93867D
- 7A6F68
- 625953
- 4C443F
- 36302D
- 211D1B
- 0E0C0B
- 020201
Tony
- C0B0A6
- B8ABA1
- B1A59D
- AAA099
- A39B95
- 9C9591
- 95908C
- 8E8B88
- 878584
Harmonie kolorów
Komplementarna +180°
- C7B6AA
Boardwalk Sashay
- ABBDC8
≈ Glacier Mist
Analogowa -30° +30°
- C7B6AA
Boardwalk Sashay
- CAB4B1
≈ Cold Turkey
- C1B9A7
≈ Historical Ruins
Triada +120° +240°
- C7B6AA
Boardwalk Sashay
- A9BFB9
≈ Harbour Grey
- BBB7C9
≈ Wedding Flowers
Komplementarna rozszczepiona +150° +210°
- C7B6AA
Boardwalk Sashay
- A8BFC2
≈ Alpine Haze
- B2BACB
≈ Heritage
Tetrada +90° +180° +270°
- C7B6AA
Boardwalk Sashay
- AFBEB0
≈ Cottage Charm
- ABBDC8
≈ Glacier Mist
- C3B4C2
≈ Pink Bravado
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.70:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--boardwalk-sashay: #c7b6aa;
--boardwalk-sashay-rgb: 199 182 170;
--boardwalk-sashay-oklch: oklch(0.787 0.026 57.6);
}
.element {
color: var(--boardwalk-sashay);
background-color: hsl(25 21% 72%);
border-color: oklch(0.787 0.026 57.6);
}Tailwind CSS v4
@theme {
--color-boardwalk-sashay: #c7b6aa;
--color-boardwalk-sashay-50: #fbf4ee;
--color-boardwalk-sashay-100: #efe6e0;
--color-boardwalk-sashay-200: #ddd2ca;
--color-boardwalk-sashay-300: #c2b5ab;
--color-boardwalk-sashay-400: #ab9b90;
--color-boardwalk-sashay-500: #948276;
--color-boardwalk-sashay-600: #7d6e64;
--color-boardwalk-sashay-700: #645850;
--color-boardwalk-sashay-800: #4a403a;
--color-boardwalk-sashay-900: #332c28;
--color-boardwalk-sashay-950: #1f1916;
}SCSS
$boardwalk-sashay: #c7b6aa;
$boardwalk-sashay-rgb: 199, 182, 170;
$boardwalk-sashay-light: mix(#fff, $boardwalk-sashay, 20%);
$boardwalk-sashay-dark: mix(#000, $boardwalk-sashay, 20%);
.element {
color: $boardwalk-sashay;
box-shadow: 0 0 0 2px rgba($boardwalk-sashay, 0.35);
}