Nazwany kolor · #AB9579
Serengeti
Serengeti to #AB9579: rgb(171 149 121), hsl(34 23% 57%), oklch(0.682 0.047 73.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Serengeti color name →
#AB9579
oklch(0.682 0.047 73.6)
Konwersje koloru
- HEX
- #ab9579
- RGB
- rgb(171 149 121)
- HSL
- hsl(34 23% 57%)
- HWB
- hwb(34 47% 33%)
- OKLCH
- oklch(0.682 0.047 73.6)
- OKLab
- oklab(0.682 0.013 0.045)
- CIE Lab
- lab(63.15 5.26 18.02)
- LCH
- lch(63.15 18.77 73.7)
- CMYK
- cmyk(0% 13% 29% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B39F86
- BBA993
- C4B4A0
- CCBEAD
- D4C9BA
- DDD4C8
- E5DED5
- EEE9E3
- F6F4F1
Odcienie ciemniejsze
- 948168
- 7E6D58
- 685A48
- 544839
- 40372B
- 2D261D
- 1B1610
- 0B0805
- 010101
Tony
- A7937A
- A2917B
- 9E8F7C
- 9A8D7C
- 958B7D
- 91887E
- 8D867E
- 89847F
- 84827F
Harmonie kolorów
Komplementarna +180°
- AB9579
Serengeti
- 859BB6
≈ Forever Blue
Analogowa -30° +30°
- AB9579
Serengeti
- B39082
≈ Coyote Tracks
- 9E9B79
≈ A Frond in Need
Triada +120° +240°
- AB9579
Serengeti
- 77A3A1
≈ Sightful
- A491AE
≈ Revered
Komplementarna rozszczepiona +150° +210°
- AB9579
Serengeti
- 79A0AF
≈ Bosco Blue
- 9596B6
≈ Frosty Nightfall
Tetrada +90° +180° +270°
- AB9579
Serengeti
- 7FA391
≈ Mossy Bench
- 859BB6
≈ Forever Blue
- AF8EA0
≈ Mauve Shadows
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.30:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.30:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--serengeti: #ab9579;
--serengeti-rgb: 171 149 121;
--serengeti-oklch: oklch(0.682 0.047 73.6);
}
.element {
color: var(--serengeti);
background-color: hsl(34 23% 57%);
border-color: oklch(0.682 0.047 73.6);
}Tailwind CSS v4
@theme {
--color-serengeti: #ab9579;
--color-serengeti-50: #fdf4e7;
--color-serengeti-100: #f1e6d7;
--color-serengeti-200: #e0d2be;
--color-serengeti-300: #c6b59d;
--color-serengeti-400: #b09b80;
--color-serengeti-500: #998263;
--color-serengeti-600: #826e54;
--color-serengeti-700: #685843;
--color-serengeti-800: #4d4030;
--color-serengeti-900: #352c21;
--color-serengeti-950: #211910;
}SCSS
$serengeti: #ab9579;
$serengeti-rgb: 171, 149, 121;
$serengeti-light: mix(#fff, $serengeti, 20%);
$serengeti-dark: mix(#000, $serengeti, 20%);
.element {
color: $serengeti;
box-shadow: 0 0 0 2px rgba($serengeti, 0.35);
}