Cor nomeada mais próxima · #BCB297
#BCB297
Cor nomeada mais próxima: Beach Dune
#BCB297 (rgb(188 178 151), hsl(44 22% 66%), oklch(0.765 0.039 90.1)) é mais próxima da cor nomeada Beach Dune. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BCB297
oklch(0.765 0.039 90.1)
Conversões de cor
- HEX
- #bcb297
- RGB
- rgb(188 178 151)
- HSL
- hsl(44 22% 66%)
- HWB
- hwb(44 59% 26%)
- OKLCH
- oklch(0.765 0.039 90.1)
- OKLab
- oklab(0.765 0 0.039)
- CIE Lab
- lab(72.88 0.38 15.21)
- LCH
- lch(72.88 15.22 88.6)
- CMYK
- cmyk(0% 5% 20% 26%)
Tons claros · Sombras · Tons
Tons claros
- C3BAA1
- C9C1AB
- D0C9B6
- D6D0C0
- DDD8CA
- E4E0D5
- EBE7DF
- F1EFEA
- F8F7F4
Sombras
- A39A83
- 8B836F
- 736D5C
- 5D5749
- 474337
- 322F26
- 1F1D17
- 0D0C08
- 020101
Tons
- B6AD95
- B0A893
- AAA390
- A49E8E
- 9D998C
- 989489
- 928F87
- 8C8A85
- 868582
Harmonias de cor
Complementar +180°
- BCB297
Beach Dune
- A9B2CC
≈ Kentucky Blue
Análoga -30° +30°
- BCB297
Beach Dune
- C6AD9A
≈ California Stucco
- AFB79B
≈ Foille
Tríade +120° +240°
- BCB297
Beach Dune
- 97BAC0
≈ Casual Day
- C1AABE
≈ Lavender Frost
Complementar dividida +150° +210°
- BCB297
Beach Dune
- 9DB6C9
≈ Country Air
- B6ADC8
≈ Lavender Dream
Tétrade +90° +180° +270°
- BCB297
Beach Dune
- 99BBB3
≈ Lap Pool Blue
- A9B2CC
≈ Kentucky Blue
- C9A9B1
≈ Dutchess Dawn
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.10:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 9.95:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--beach-dune: #bcb297;
--beach-dune-rgb: 188 178 151;
--beach-dune-oklch: oklch(0.765 0.039 90.1);
}
.element {
color: var(--beach-dune);
background-color: hsl(44 22% 66%);
border-color: oklch(0.765 0.039 90.1);
}Tailwind CSS v4
@theme {
--color-beach-dune: #bcb297;
--color-beach-dune-50: #f9f5e9;
--color-beach-dune-100: #ece8da;
--color-beach-dune-200: #dad4c2;
--color-beach-dune-300: #beb7a1;
--color-beach-dune-400: #a79e85;
--color-beach-dune-500: #908569;
--color-beach-dune-600: #7a7159;
--color-beach-dune-700: #615a47;
--color-beach-dune-800: #484233;
--color-beach-dune-900: #322d23;
--color-beach-dune-950: #1e1a12;
}SCSS
$beach-dune: #bcb297;
$beach-dune-rgb: 188, 178, 151;
$beach-dune-light: mix(#fff, $beach-dune, 20%);
$beach-dune-dark: mix(#000, $beach-dune, 20%);
.element {
color: $beach-dune;
box-shadow: 0 0 0 2px rgba($beach-dune, 0.35);
}