Nazwany kolor · #7E8270
Battle Dress
Battle Dress to #7E8270: rgb(126 130 112), hsl(73 7% 47%), oklch(0.598 0.027 117.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Battle Dress color name →
#7E8270
oklch(0.598 0.027 117.4)
Konwersje koloru
- HEX
- #7e8270
- RGB
- rgb(126 130 112)
- HSL
- hsl(73 7% 47%)
- HWB
- hwb(73 44% 49%)
- OKLCH
- oklch(0.598 0.027 117.4)
- OKLab
- oklab(0.598 -0.012 0.024)
- CIE Lab
- lab(53.63 -4.09 9.25)
- LCH
- lch(53.63 10.12 113.8)
- CMYK
- cmyk(3% 0% 14% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8A8E7D
- 969A8B
- A3A699
- B0B2A7
- BCBFB5
- C9CBC3
- D7D8D2
- E4E5E1
- F1F2F0
Odcienie ciemniejsze
- 6D7060
- 5C5F51
- 4C4E43
- 3C3E35
- 2D2F27
- 1F201A
- 11120E
- 050604
- 010101
Tony
- 7E8272
- 7E8273
- 7F8175
- 7F8177
- 7F8178
- 7F817A
- 7F817B
- 80807D
- 80807E
Harmonie kolorów
Komplementarna +180°
- 7E8270
Battle Dress
- 817C8E
≈ Purpletone
Analogowa -30° +30°
- 7E8270
Battle Dress
- 867F6E
≈ Empire
- 758477
≈ Rookwood Blue Green
Triada +120° +240°
- 7E8270
Battle Dress
- 71828E
≈ Mica Creek
- 8E7980
≈ Purple Rubiate
Komplementarna rozszczepiona +150° +210°
- 7E8270
Battle Dress
- 787F90
≈ Seattle Haze
- 897A88
≈ High Note
Tetrada +90° +180° +270°
- 7E8270
Battle Dress
- 6E8488
≈ Moon Tide
- 817C8E
≈ Purpletone
- 8F7A77
≈ Porcupine Needles
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.95:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.31:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--battle-dress: #7e8270;
--battle-dress-rgb: 126 130 112;
--battle-dress-oklch: oklch(0.598 0.027 117.4);
}
.element {
color: var(--battle-dress);
background-color: hsl(73 7% 47%);
border-color: oklch(0.598 0.027 117.4);
}Tailwind CSS v4
@theme {
--color-battle-dress: #7e8270;
--color-battle-dress-50: #f4f6ee;
--color-battle-dress-100: #e7e9df;
--color-battle-dress-200: #d3d6c9;
--color-battle-dress-300: #b5baaa;
--color-battle-dress-400: #9da18f;
--color-battle-dress-500: #848975;
--color-battle-dress-600: #707463;
--color-battle-dress-700: #5a5d4f;
--color-battle-dress-800: #424439;
--color-battle-dress-900: #2d2f27;
--color-battle-dress-950: #1a1b15;
}SCSS
$battle-dress: #7e8270;
$battle-dress-rgb: 126, 130, 112;
$battle-dress-light: mix(#fff, $battle-dress, 20%);
$battle-dress-dark: mix(#000, $battle-dress, 20%);
.element {
color: $battle-dress;
box-shadow: 0 0 0 2px rgba($battle-dress, 0.35);
}