Nazwany kolor · #B57B2E
Mandalay
Mandalay to #B57B2E: rgb(181 123 46), hsl(34 59% 45%), oklch(0.629 0.116 70). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Mandalay color name →
#B57B2E
oklch(0.629 0.116 70)
Konwersje koloru
- HEX
- #b57b2e
- RGB
- rgb(181 123 46)
- HSL
- hsl(34 59% 45%)
- HWB
- hwb(34 18% 29%)
- OKLCH
- oklch(0.629 0.116 70)
- OKLab
- oklab(0.629 0.04 0.109)
- CIE Lab
- lab(56.73 18.27 49.45)
- LCH
- lch(56.73 52.72 69.7)
- CMYK
- cmyk(0% 32% 75% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BD8847
- C5955D
- CCA272
- D4AF86
- DBBC9A
- E2CAAE
- EAD7C2
- F1E4D6
- F8F2EB
Odcienie ciemniejsze
- 9D6A27
- 865A1F
- 6F4A18
- 593A12
- 442C0B
- 301E06
- 1D1002
- 0C0501
- 020100
Tony
- B07C3A
- AB7D45
- A67E4E
- A17E56
- 9B7F5E
- 967F66
- 91806D
- 8B8073
- 86807A
Harmonie kolorów
Komplementarna +180°
- B57B2E
Mandalay
- 4E8DCC
≈ Blue Dart
Analogowa -30° +30°
- B57B2E
Mandalay
- C36F51
≈ Spice Route
- 998A28
≈ Offbeat Green
Triada +120° +240°
- B57B2E
Mandalay
- 009D97
≈ Caribbean Turquoise
- 9E74BD
≈ Purple Pride
Komplementarna rozszczepiona +150° +210°
- B57B2E
Mandalay
- 0098B8
≈ Serene Blue
- 7B80CD
≈ Tanzine
Tetrada +90° +180° +270°
- B57B2E
Mandalay
- 3B9E70
≈ Bulma Hair
- 4E8DCC
≈ Blue Dart
- B76B9F
≈ Pearly Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.59:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.83:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--mandalay: #b57b2e;
--mandalay-rgb: 181 123 46;
--mandalay-oklch: oklch(0.629 0.116 70);
}
.element {
color: var(--mandalay);
background-color: hsl(34 59% 45%);
border-color: oklch(0.629 0.116 70);
}Tailwind CSS v4
@theme {
--color-mandalay: #b57b2e;
--color-mandalay-50: #fff1d2;
--color-mandalay-100: #ffe2be;
--color-mandalay-200: #f4cd9e;
--color-mandalay-300: #dcae74;
--color-mandalay-400: #ca924c;
--color-mandalay-500: #b67617;
--color-mandalay-600: #9a6418;
--color-mandalay-700: #7c5013;
--color-mandalay-800: #5c3a0c;
--color-mandalay-900: #412808;
--color-mandalay-950: #291500;
}SCSS
$mandalay: #b57b2e;
$mandalay-rgb: 181, 123, 46;
$mandalay-light: mix(#fff, $mandalay, 20%);
$mandalay-dark: mix(#000, $mandalay, 20%);
.element {
color: $mandalay;
box-shadow: 0 0 0 2px rgba($mandalay, 0.35);
}