Couleur nommée · #BCB09E
Cannery Park
Cannery Park correspond à #BCB09E : rgb(188 176 158), hsl(36 18% 68%), oklch(0.762 0.029 78.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Cannery Park color name →
#BCB09E
oklch(0.762 0.029 78.1)
Conversions de couleur
- HEX
- #bcb09e
- RGB
- rgb(188 176 158)
- HSL
- hsl(36 18% 68%)
- HWB
- hwb(36 62% 26%)
- OKLCH
- oklch(0.762 0.029 78.1)
- OKLab
- oklab(0.762 0.006 0.028)
- CIE Lab
- lab(72.49 2.19 10.88)
- LCH
- lch(72.49 11.1 78.6)
- CMYK
- cmyk(0% 6% 16% 26%)
Teintes · Ombres · Tons
Teintes
- C3B8A7
- C9BFB1
- D0C7BA
- D6CFC4
- DDD7CE
- E4DFD7
- EBE7E1
- F1EFEB
- F8F7F5
Ombres
- A39989
- 8B8274
- 736C60
- 5D564D
- 47423A
- 322E29
- 1F1C18
- 0D0B09
- 020101
Tons
- B6AB9B
- B0A698
- AAA195
- A49D92
- 9E988F
- 98938C
- 928E89
- 8C8986
- 868583
Harmonies de couleurs
Complémentaire +180°
- BCB09E
Cannery Park
- A7B3C4
≈ Suds
Analogue -30° +30°
- BCB09E
Cannery Park
- C2ADA2
≈ Bamboo Beige
- B3B49F
≈ Environmental
Triadique +120° +240°
- BCB09E
Cannery Park
- 9EB8B8
≈ Windswept Clouds
- BAACBE
≈ Lola
Complémentaire divisée +150° +210°
- BCB09E
Cannery Park
- A0B6C0
≈ Faded Flaxflower
- B0AFC3
≈ Noble Purple
Tétradique +90° +180° +270°
- BCB09E
Cannery Park
- A1B8AE
≈ Pistachio Ice Cream
- A7B3C4
≈ Suds
- C1ABB5
≈ Breathtaking Evening
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.13:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.84:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--cannery-park: #bcb09e;
--cannery-park-rgb: 188 176 158;
--cannery-park-oklch: oklch(0.762 0.029 78.1);
}
.element {
color: var(--cannery-park);
background-color: hsl(36 18% 68%);
border-color: oklch(0.762 0.029 78.1);
}Tailwind CSS v4
@theme {
--color-cannery-park: #bcb09e;
--color-cannery-park-50: #f9f4ec;
--color-cannery-park-100: #ede7dd;
--color-cannery-park-200: #dbd3c7;
--color-cannery-park-300: #bfb6a7;
--color-cannery-park-400: #a89d8c;
--color-cannery-park-500: #918471;
--color-cannery-park-600: #7a7060;
--color-cannery-park-700: #62594d;
--color-cannery-park-800: #484138;
--color-cannery-park-900: #322d26;
--color-cannery-park-950: #1e1a14;
}SCSS
$cannery-park: #bcb09e;
$cannery-park-rgb: 188, 176, 158;
$cannery-park-light: mix(#fff, $cannery-park, 20%);
$cannery-park-dark: mix(#000, $cannery-park, 20%);
.element {
color: $cannery-park;
box-shadow: 0 0 0 2px rgba($cannery-park, 0.35);
}