Colore con nome · #868B53
Special Ops
Special Ops è #868B53: rgb(134 139 83), hsl(65 25% 44%), oklch(0.619 0.078 112.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Special Ops color name →
#868B53
oklch(0.619 0.078 112.8)
Conversioni di colore
- HEX
- #868b53
- RGB
- rgb(134 139 83)
- HSL
- hsl(65 25% 44%)
- HWB
- hwb(65 33% 45%)
- OKLCH
- oklch(0.619 0.078 112.8)
- OKLab
- oklab(0.619 -0.03 0.072)
- CIE Lab
- lab(56.42 -8.62 29.25)
- LCH
- lch(56.42 30.5 106.4)
- CMYK
- cmyk(4% 0% 40% 45%)
Tinte · Ombre · Toni
Tinte
- 919664
- 9DA175
- A9AD86
- B4B896
- C0C4A8
- CDCFB9
- D9DBCA
- E6E7DB
- F2F3ED
Ombre
- 747847
- 62663B
- 515430
- 404325
- 30321B
- 212311
- 131408
- 060702
- 010100
Toni
- 858A58
- 85895D
- 848862
- 838767
- 83866B
- 828570
- 828474
- 818278
- 81817C
Armonie di colore
Complementare +180°
- 868B53
Special Ops
- 877DB1
≈ Murex
Analogo -30° +30°
- 868B53
Special Ops
- 9D824D
≈ Aztec Brick
- 6A9267
≈ Blade Green
Triadico +120° +240°
- 868B53
Special Ops
- 538EAD
≈ Sora Sky
- AB728A
≈ Mauve Orchid
Complementare divisa +150° +210°
- 868B53
Special Ops
- 6D86B5
≈ Kimono
- 9D76A1
≈ Long Forgotten Purple
Tetradico +90° +180° +270°
- 868B53
Special Ops
- 45949A
≈ Asagi Blue
- 877DB1
≈ Murex
- B07370
≈ Red Gerbera
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.60:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.83:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--special-ops: #868b53;
--special-ops-rgb: 134 139 83;
--special-ops-oklch: oklch(0.619 0.078 112.8);
}
.element {
color: var(--special-ops);
background-color: hsl(65 25% 44%);
border-color: oklch(0.619 0.078 112.8);
}Tailwind CSS v4
@theme {
--color-special-ops: #868b53;
--color-special-ops-50: #f4f8df;
--color-special-ops-100: #e7ebce;
--color-special-ops-200: #d3d9b3;
--color-special-ops-300: #b6bd8f;
--color-special-ops-400: #9ea46e;
--color-special-ops-500: #868c4d;
--color-special-ops-600: #727642;
--color-special-ops-700: #5b5f34;
--color-special-ops-800: #434524;
--color-special-ops-900: #2f3018;
--color-special-ops-950: #1b1c09;
}SCSS
$special-ops: #868b53;
$special-ops-rgb: 134, 139, 83;
$special-ops-light: mix(#fff, $special-ops, 20%);
$special-ops-dark: mix(#000, $special-ops, 20%);
.element {
color: $special-ops;
box-shadow: 0 0 0 2px rgba($special-ops, 0.35);
}