Nazwany kolor · #C5BEAE
Bay Sands
Bay Sands to #C5BEAE: rgb(197 190 174), hsl(42 17% 73%), oklch(0.803 0.023 87.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bay Sands color name →
#C5BEAE
oklch(0.803 0.023 87.2)
Konwersje koloru
- HEX
- #c5beae
- RGB
- rgb(197 190 174)
- HSL
- hsl(42 17% 73%)
- HWB
- hwb(42 68% 23%)
- OKLCH
- oklch(0.803 0.023 87.2)
- OKLab
- oklab(0.803 0.001 0.023)
- CIE Lab
- lab(77.22 0.5 9.03)
- LCH
- lch(77.22 9.05 86.8)
- CMYK
- cmyk(0% 4% 12% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBC4B6
- D0CBBE
- D6D1C6
- DCD8CE
- E2DED6
- E7E5DE
- EDEBE6
- F3F2EE
- F9F8F7
Odcienie ciemniejsze
- ABA597
- 928C80
- 79756A
- 615E55
- 4B4841
- 35332E
- 211F1C
- 0E0D0B
- 020201
Tony
- BEB8A9
- B7B1A5
- B0ABA0
- A9A59B
- A29E97
- 9B9892
- 94928E
- 8D8C89
- 878685
Harmonie kolorów
Komplementarna +180°
- C5BEAE
Bay Sands
- B8BFCE
≈ Mistral
Analogowa -30° +30°
- C5BEAE
Bay Sands
- CBBBB0
≈ Clean Sweep
- BDC1B0
≈ Fibre Moss
Triada +120° +240°
- C5BEAE
Bay Sands
- AEC3C6
≈ Dover Surf
- C7BAC7
≈ Queen’s Violet
Komplementarna rozszczepiona +150° +210°
- C5BEAE
Bay Sands
- B1C1CC
≈ Boot Cut
- C0BCCC
≈ Gentleman’s Suit
Tetrada +90° +180° +270°
- C5BEAE
Bay Sands
- B0C4BE
≈ Ocean Droplet
- B8BFCE
≈ Mistral
- CCB9BF
≈ Iris Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.35:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--bay-sands: #c5beae;
--bay-sands-rgb: 197 190 174;
--bay-sands-oklch: oklch(0.803 0.023 87.2);
}
.element {
color: var(--bay-sands);
background-color: hsl(42 17% 73%);
border-color: oklch(0.803 0.023 87.2);
}Tailwind CSS v4
@theme {
--color-bay-sands: #c5beae;
--color-bay-sands-50: #f8f5ee;
--color-bay-sands-100: #ebe8df;
--color-bay-sands-200: #d8d4c9;
--color-bay-sands-300: #bcb7aa;
--color-bay-sands-400: #a49e8f;
--color-bay-sands-500: #8d8675;
--color-bay-sands-600: #777163;
--color-bay-sands-700: #5f5a4f;
--color-bay-sands-800: #464239;
--color-bay-sands-900: #302d27;
--color-bay-sands-950: #1d1a15;
}SCSS
$bay-sands: #c5beae;
$bay-sands-rgb: 197, 190, 174;
$bay-sands-light: mix(#fff, $bay-sands, 20%);
$bay-sands-dark: mix(#000, $bay-sands, 20%);
.element {
color: $bay-sands;
box-shadow: 0 0 0 2px rgba($bay-sands, 0.35);
}