Colore con nome · #B89E78
Earthy Ochre
Earthy Ochre è #B89E78: rgb(184 158 120), hsl(36 31% 60%), oklch(0.713 0.06 77). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Earthy Ochre color name →
#B89E78
oklch(0.713 0.06 77)
Conversioni di colore
- HEX
- #b89e78
- RGB
- rgb(184 158 120)
- HSL
- hsl(36 31% 60%)
- HWB
- hwb(36 47% 28%)
- OKLCH
- oklch(0.713 0.06 77)
- OKLab
- oklab(0.713 0.014 0.059)
- CIE Lab
- lab(66.76 5.81 23.65)
- LCH
- lch(66.76 24.35 76.2)
- CMYK
- cmyk(0% 14% 35% 28%)
Tinte · Ombre · Toni
Tinte
- BFA785
- C6B192
- CDBAA0
- D4C4AD
- DBCEBA
- E2D7C8
- EAE1D6
- F1EBE3
- F8F5F1
Ombre
- A08967
- 887457
- 716048
- 5B4D39
- 453A2A
- 31291D
- 1E1810
- 0C0905
- 020101
Toni
- B29B79
- AD987A
- A7957B
- A1927C
- 9C8F7D
- 968C7E
- 91897E
- 8B867F
- 868380
Armonie di colore
Complementare +180°
- B89E78
Earthy Ochre
- 8BA4C8
≈ Anode
Analogo -30° +30°
- B89E78
Earthy Ochre
- C39782
≈ Revenant Brown
- A6A57A
≈ Dill Grass
Triadico +120° +240°
- B89E78
Earthy Ochre
- 74AEAF
≈ Venice Escape
- B297BC
≈ Grape Smoke
Complementare divisa +150° +210°
- B89E78
Earthy Ochre
- 7AABC0
≈ Moonstone Blue
- 9F9DC7
≈ Opulent Violet
Tetradico +90° +180° +270°
- B89E78
Earthy Ochre
- 7EAF9A
≈ Nature Green
- 8BA4C8
≈ Anode
- BF94AA
≈ Violet Fantasy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.20:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--earthy-ochre: #b89e78;
--earthy-ochre-rgb: 184 158 120;
--earthy-ochre-oklch: oklch(0.713 0.06 77);
}
.element {
color: var(--earthy-ochre);
background-color: hsl(36 31% 60%);
border-color: oklch(0.713 0.06 77);
}Tailwind CSS v4
@theme {
--color-earthy-ochre: #b89e78;
--color-earthy-ochre-50: #fff4e2;
--color-earthy-ochre-100: #f3e6d2;
--color-earthy-ochre-200: #e2d2b8;
--color-earthy-ochre-300: #c8b495;
--color-earthy-ochre-400: #b39a76;
--color-earthy-ochre-500: #9d8158;
--color-earthy-ochre-600: #856d4b;
--color-earthy-ochre-700: #6a573c;
--color-earthy-ochre-800: #4f3f2b;
--color-earthy-ochre-900: #372c1d;
--color-earthy-ochre-950: #22190d;
}SCSS
$earthy-ochre: #b89e78;
$earthy-ochre-rgb: 184, 158, 120;
$earthy-ochre-light: mix(#fff, $earthy-ochre, 20%);
$earthy-ochre-dark: mix(#000, $earthy-ochre, 20%);
.element {
color: $earthy-ochre;
box-shadow: 0 0 0 2px rgba($earthy-ochre, 0.35);
}