Cor nomeada · #BDAE95
Weatherhead
Weatherhead é #BDAE95: rgb(189 174 149), hsl(37 23% 66%), oklch(0.757 0.039 80.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Weatherhead color name →
#BDAE95
oklch(0.757 0.039 80.6)
Conversões de cor
- HEX
- #bdae95
- RGB
- rgb(189 174 149)
- HSL
- hsl(37 23% 66%)
- HWB
- hwb(37 58% 26%)
- OKLCH
- oklch(0.757 0.039 80.6)
- OKLab
- oklab(0.757 0.006 0.038)
- CIE Lab
- lab(71.88 2.57 14.94)
- LCH
- lch(71.88 15.16 80.3)
- CMYK
- cmyk(0% 8% 21% 26%)
Tons claros · Sombras · Tons
Tons claros
- C3B69F
- CABEAA
- D0C6B4
- D7CEBF
- DED6C9
- E4DED4
- EBE6DE
- F2EEE9
- F8F7F4
Sombras
- A49781
- 8C806D
- 746A5A
- 5D5548
- 474137
- 332E26
- 1F1C16
- 0D0B08
- 020101
Tons
- B7A993
- B0A591
- AAA08F
- A49B8D
- 9E978B
- 989289
- 928E86
- 8C8984
- 868582
Harmonias de cor
Complementar +180°
- BDAE95
Weatherhead
- A2B1C9
≈ Aerial View
Análoga -30° +30°
- BDAE95
Weatherhead
- C5AA9B
≈ Adirondack Path
- B1B397
≈ Dill Seed
Tríade +120° +240°
- BDAE95
Weatherhead
- 94B8BA
≈ Watchet
- BCA9BF
≈ Fair Orchid
Complementar dividida +150° +210°
- BDAE95
Weatherhead
- 98B5C4
≈ Respite
- AFACC7
≈ Cosmic Sky
Tétrade +90° +180° +270°
- BDAE95
Weatherhead
- 99B8AD
≈ Moncur
- A2B1C9
≈ Aerial View
- C4A7B3
≈ Pansy Posie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.65:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--weatherhead: #bdae95;
--weatherhead-rgb: 189 174 149;
--weatherhead-oklch: oklch(0.757 0.039 80.6);
}
.element {
color: var(--weatherhead);
background-color: hsl(37 23% 66%);
border-color: oklch(0.757 0.039 80.6);
}Tailwind CSS v4
@theme {
--color-weatherhead: #bdae95;
--color-weatherhead-50: #fbf4e9;
--color-weatherhead-100: #eee7da;
--color-weatherhead-200: #dcd3c2;
--color-weatherhead-300: #c1b6a2;
--color-weatherhead-400: #aa9c85;
--color-weatherhead-500: #948469;
--color-weatherhead-600: #7d7059;
--color-weatherhead-700: #645947;
--color-weatherhead-800: #4a4133;
--color-weatherhead-900: #332d23;
--color-weatherhead-950: #1f1a12;
}SCSS
$weatherhead: #bdae95;
$weatherhead-rgb: 189, 174, 149;
$weatherhead-light: mix(#fff, $weatherhead, 20%);
$weatherhead-dark: mix(#000, $weatherhead, 20%);
.element {
color: $weatherhead;
box-shadow: 0 0 0 2px rgba($weatherhead, 0.35);
}