Nazwany kolor · #BEA781
Equestrian
Equestrian to #BEA781: rgb(190 167 129), hsl(37 32% 63%), oklch(0.739 0.058 80.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Equestrian color name →
#BEA781
oklch(0.739 0.058 80.1)
Konwersje koloru
- HEX
- #bea781
- RGB
- rgb(190 167 129)
- HSL
- hsl(37 32% 63%)
- HWB
- hwb(37 51% 25%)
- OKLCH
- oklch(0.739 0.058 80.1)
- OKLab
- oklab(0.739 0.01 0.057)
- CIE Lab
- lab(69.82 4.47 22.96)
- LCH
- lch(69.82 23.39 79)
- CMYK
- cmyk(0% 12% 32% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4B08D
- CBB89A
- D1C1A6
- D8CAB3
- DED2BF
- E5DBCC
- EBE4D8
- F2EDE5
- F8F6F2
Odcienie ciemniejsze
- A5916F
- 8C7B5E
- 75664E
- 5E523E
- 483E2E
- 332C1F
- 1F1A12
- 0D0A06
- 020101
Tony
- B8A381
- B19F81
- AB9B81
- A59781
- 9F9381
- 989081
- 928C81
- 8C8881
- 868480
Harmonie kolorów
Komplementarna +180°
- BEA781
Equestrian
- 95ACD0
≈ Lazy Day
Analogowa -30° +30°
- BEA781
Equestrian
- CAA08A
≈ Peanut Butter Crust
- ACAE84
≈ Wall Green
Triada +120° +240°
- BEA781
Equestrian
- 7EB6B9
≈ Lifeboat Blue
- BB9FC2
≈ Lupine
Komplementarna rozszczepiona +150° +210°
- BEA781
Equestrian
- 85B2C9
≈ Batch Blue
- A9A5CD
≈ Violeta Silvestre
Tetrada +90° +180° +270°
- BEA781
Equestrian
- 86B7A5
≈ Source Green
- 95ACD0
≈ Lazy Day
- C89CB0
≈ Lady’s Cushions Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.03:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--equestrian: #bea781;
--equestrian-rgb: 190 167 129;
--equestrian-oklch: oklch(0.739 0.058 80.1);
}
.element {
color: var(--equestrian);
background-color: hsl(37 32% 63%);
border-color: oklch(0.739 0.058 80.1);
}Tailwind CSS v4
@theme {
--color-equestrian: #bea781;
--color-equestrian-50: #fef4e3;
--color-equestrian-100: #f2e6d3;
--color-equestrian-200: #e1d2b9;
--color-equestrian-300: #c6b596;
--color-equestrian-400: #b19b78;
--color-equestrian-500: #9b8259;
--color-equestrian-600: #836e4c;
--color-equestrian-700: #69583d;
--color-equestrian-800: #4e402b;
--color-equestrian-900: #362c1d;
--color-equestrian-950: #21190d;
}SCSS
$equestrian: #bea781;
$equestrian-rgb: 190, 167, 129;
$equestrian-light: mix(#fff, $equestrian, 20%);
$equestrian-dark: mix(#000, $equestrian, 20%);
.element {
color: $equestrian;
box-shadow: 0 0 0 2px rgba($equestrian, 0.35);
}