Nazwany kolor · #A89A91
Goat
Goat to #A89A91: rgb(168 154 145), hsl(23 12% 61%), oklch(0.696 0.021 55). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Goat color name →
#A89A91
oklch(0.696 0.021 55)
Konwersje koloru
- HEX
- #a89a91
- RGB
- rgb(168 154 145)
- HSL
- hsl(23 12% 61%)
- HWB
- hwb(23 57% 34%)
- OKLCH
- oklch(0.696 0.021 55)
- OKLab
- oklab(0.696 0.012 0.017)
- CIE Lab
- lab(64.64 4.16 6.7)
- LCH
- lch(64.64 7.89 58.2)
- CMYK
- cmyk(0% 8% 14% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0A49B
- B9ADA6
- C1B7B1
- CAC1BC
- D3CBC7
- DCD6D2
- E4E0DD
- EDEAE8
- F6F5F4
Odcienie ciemniejsze
- 92857D
- 7C716A
- 675E58
- 524B46
- 3F3935
- 2C2725
- 1A1715
- 0A0907
- 010101
Tony
- A4978F
- A0958E
- 9C928C
- 98908A
- 948D89
- 908A87
- 8C8885
- 888583
- 848382
Harmonie kolorów
Komplementarna +180°
- A89A91
Goat
- 91A0A9
≈ Stormy Skies
Analogowa -30° +30°
- A89A91
Goat
- AA9897
≈ Trillium
- A39C8F
≈ Pewter Tankard
Triada +120° +240°
- A89A91
Goat
- 90A29C
≈ Spruce Shade
- 9E9BA9
≈ Adhesion
Komplementarna rozszczepiona +150° +210°
- A89A91
Goat
- 8FA1A3
≈ October Sky
- 979DAB
≈ Wet Asphalt
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.72:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.69:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.69:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--goat: #a89a91;
--goat-rgb: 168 154 145;
--goat-oklch: oklch(0.696 0.021 55);
}
.element {
color: var(--goat);
background-color: hsl(23 12% 61%);
border-color: oklch(0.696 0.021 55);
}Tailwind CSS v4
@theme {
--color-goat: #a89a91;
--color-goat-50: #faf4ef;
--color-goat-100: #eee6e1;
--color-goat-200: #dcd2cc;
--color-goat-300: #c0b5ad;
--color-goat-400: #a99b93;
--color-goat-500: #928379;
--color-goat-600: #7b6f67;
--color-goat-700: #635952;
--color-goat-800: #49413c;
--color-goat-900: #322c29;
--color-goat-950: #1e1a17;
}SCSS
$goat: #a89a91;
$goat-rgb: 168, 154, 145;
$goat-light: mix(#fff, $goat, 20%);
$goat-dark: mix(#000, $goat, 20%);
.element {
color: $goat;
box-shadow: 0 0 0 2px rgba($goat, 0.35);
}