Colore con nome · #B69E87
Baked Potato
Baked Potato è #B69E87: rgb(182 158 135), hsl(29 24% 62%), oklch(0.714 0.043 65.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Baked Potato color name →
#B69E87
oklch(0.714 0.043 65.8)
Conversioni di colore
- HEX
- #b69e87
- RGB
- rgb(182 158 135)
- HSL
- hsl(29 24% 62%)
- HWB
- hwb(29 53% 29%)
- OKLCH
- oklch(0.714 0.043 65.8)
- OKLab
- oklab(0.714 0.018 0.039)
- CIE Lab
- lab(66.82 6.48 15.49)
- LCH
- lch(66.82 16.79 67.3)
- CMYK
- cmyk(0% 13% 26% 29%)
Tinte · Ombre · Toni
Tinte
- BDA793
- C4B19E
- CCBAAA
- D3C4B6
- DACEC2
- E2D7CE
- E9E1DA
- F0EBE6
- F8F5F3
Ombre
- 9E8975
- 867463
- 6F6051
- 594D41
- 443A31
- 302921
- 1D1813
- 0C0906
- 020101
Toni
- B19B86
- AB9886
- A69585
- A09285
- 9B8F84
- 958C83
- 908982
- 8B8682
- 858381
Armonie di colore
Complementare +180°
- B69E87
Baked Potato
- 8DA6BD
≈ Notable Hue
Analogo -30° +30°
- B69E87
Baked Potato
- BC9A91
≈ Lilac Suede
- ABA385
≈ Herbes
Triadico +120° +240°
- B69E87
Baked Potato
- 85ACA7
≈ Lake Water
- A99CB9
≈ Purple Springs
Complementare divisa +150° +210°
- B69E87
Baked Potato
- 85AAB4
≈ Equanimity
- 9BA1BE
≈ House of Owen
Tetradico +90° +180° +270°
- B69E87
Baked Potato
- 8EAB98
≈ Peaslake
- 8DA6BD
≈ Notable Hue
- B599AD
≈ Veiled Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.22:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.22:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--baked-potato: #b69e87;
--baked-potato-rgb: 182 158 135;
--baked-potato-oklch: oklch(0.714 0.043 65.8);
}
.element {
color: var(--baked-potato);
background-color: hsl(29 24% 62%);
border-color: oklch(0.714 0.043 65.8);
}Tailwind CSS v4
@theme {
--color-baked-potato: #b69e87;
--color-baked-potato-50: #fef3e8;
--color-baked-potato-100: #f2e6d9;
--color-baked-potato-200: #e1d1c1;
--color-baked-potato-300: #c7b4a1;
--color-baked-potato-400: #b19a84;
--color-baked-potato-500: #9a8168;
--color-baked-potato-600: #826d59;
--color-baked-potato-700: #685747;
--color-baked-potato-800: #4d3f33;
--color-baked-potato-900: #362c23;
--color-baked-potato-950: #211912;
}SCSS
$baked-potato: #b69e87;
$baked-potato-rgb: 182, 158, 135;
$baked-potato-light: mix(#fff, $baked-potato, 20%);
$baked-potato-dark: mix(#000, $baked-potato, 20%);
.element {
color: $baked-potato;
box-shadow: 0 0 0 2px rgba($baked-potato, 0.35);
}