Nazwany kolor · #BA9E88
Rogue Cowboy
Rogue Cowboy to #BA9E88: rgb(186 158 136), hsl(26 27% 63%), oklch(0.718 0.045 60.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Rogue Cowboy color name →
#BA9E88
oklch(0.718 0.045 60.1)
Konwersje koloru
- HEX
- #ba9e88
- RGB
- rgb(186 158 136)
- HSL
- hsl(26 27% 63%)
- HWB
- hwb(26 53% 27%)
- OKLCH
- oklch(0.718 0.045 60.1)
- OKLab
- oklab(0.718 0.023 0.039)
- CIE Lab
- lab(67.22 8.18 15.58)
- LCH
- lch(67.22 17.6 62.3)
- CMYK
- cmyk(0% 15% 27% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1A793
- C8B19F
- CFBAAB
- D6C4B6
- DCCEC2
- E3D7CE
- EAE1DA
- F1EBE6
- F8F5F3
Odcienie ciemniejsze
- A18975
- 897463
- 726052
- 5C4D41
- 463A31
- 322922
- 1E1813
- 0D0906
- 020101
Tony
- B49B87
- AE9887
- A89586
- A39285
- 9D8F84
- 978C84
- 918983
- 8B8682
- 868381
Harmonie kolorów
Komplementarna +180°
- BA9E88
Rogue Cowboy
- 8BA8BE
≈ Kaleidoscope
Analogowa -30° +30°
- BA9E88
Rogue Cowboy
- BF9A93
≈ Coca Mocha
- AFA384
≈ Cactus Hill
Triada +120° +240°
- BA9E88
Rogue Cowboy
- 86AEA5
≈ Sea Nymph
- A89EBD
≈ Fragrant Satchel
Komplementarna rozszczepiona +150° +210°
- BA9E88
Rogue Cowboy
- 83ACB4
≈ Aquitaine
- 99A3C1
≈ Veranda Iris
Tetrada +90° +180° +270°
- BA9E88
Rogue Cowboy
- 91AD95
≈ Natural Harmony
- 8BA8BE
≈ Kaleidoscope
- B59AB2
≈ Veiled Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.51:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.33:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--rogue-cowboy: #ba9e88;
--rogue-cowboy-rgb: 186 158 136;
--rogue-cowboy-oklch: oklch(0.718 0.045 60.1);
}
.element {
color: var(--rogue-cowboy);
background-color: hsl(26 27% 63%);
border-color: oklch(0.718 0.045 60.1);
}Tailwind CSS v4
@theme {
--color-rogue-cowboy: #ba9e88;
--color-rogue-cowboy-50: #fff3e8;
--color-rogue-cowboy-100: #f3e5d9;
--color-rogue-cowboy-200: #e3d0c1;
--color-rogue-cowboy-300: #c9b3a0;
--color-rogue-cowboy-400: #b39984;
--color-rogue-cowboy-500: #9d8068;
--color-rogue-cowboy-600: #856c58;
--color-rogue-cowboy-700: #6a5646;
--color-rogue-cowboy-800: #4f3f33;
--color-rogue-cowboy-900: #372b23;
--color-rogue-cowboy-950: #221812;
}SCSS
$rogue-cowboy: #ba9e88;
$rogue-cowboy-rgb: 186, 158, 136;
$rogue-cowboy-light: mix(#fff, $rogue-cowboy, 20%);
$rogue-cowboy-dark: mix(#000, $rogue-cowboy, 20%);
.element {
color: $rogue-cowboy;
box-shadow: 0 0 0 2px rgba($rogue-cowboy, 0.35);
}