Najbliższy nazwany kolor · #AA987D
#AA987D
Najbliższy nazwany kolor: Incense
#AA987D (rgb(170 152 125), hsl(36 21% 58%), oklch(0.688 0.043 77.9)) jest najbliższy nazwanemu kolorowi Incense. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AA987D
oklch(0.688 0.043 77.9)
Konwersje koloru
- HEX
- #aa987d
- RGB
- rgb(170 152 125)
- HSL
- hsl(36 21% 58%)
- HWB
- hwb(36 49% 33%)
- OKLCH
- oklch(0.688 0.043 77.9)
- OKLab
- oklab(0.688 0.009 0.043)
- CIE Lab
- lab(63.91 3.7 16.83)
- LCH
- lch(63.91 17.23 77.6)
- CMYK
- cmyk(0% 11% 26% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2A289
- BBAC96
- C3B6A3
- CBC0B0
- D4CABC
- DCD5CA
- E5DFD7
- EEEAE4
- F6F4F1
Odcienie ciemniejsze
- 93846C
- 7D705B
- 685C4B
- 534A3B
- 3F382C
- 2D271E
- 1B1711
- 0B0805
- 010101
Tony
- A6967D
- A2937E
- 9D917E
- 998E7F
- 958C7F
- 918A7F
- 8C877F
- 888580
- 848280
Harmonie kolorów
Komplementarna +180°
- AA987D
Incense
- 8A9CB6
≈ Forever Blue
Analogowa -30° +30°
- AA987D
Incense
- B29384
≈ Mauve Blush
- 9D9D7E
≈ Fairbank Green
Triada +120° +240°
- AA987D
Incense
- 7CA4A4
≈ Sightful
- A693AD
≈ Garden Flower
Komplementarna rozszczepiona +150° +210°
- AA987D
Incense
- 7FA1B0
≈ Lake Winnipeg
- 9997B5
≈ Tusi Grey
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.49:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--incense: #aa987d;
--incense-rgb: 170 152 125;
--incense-oklch: oklch(0.688 0.043 77.9);
}
.element {
color: var(--incense);
background-color: hsl(36 21% 58%);
border-color: oklch(0.688 0.043 77.9);
}Tailwind CSS v4
@theme {
--color-incense: #aa987d;
--color-incense-50: #fcf4e8;
--color-incense-100: #f0e7d8;
--color-incense-200: #ded3c0;
--color-incense-300: #c3b59f;
--color-incense-400: #ad9c82;
--color-incense-500: #968366;
--color-incense-600: #7f6f56;
--color-incense-700: #665945;
--color-incense-800: #4b4132;
--color-incense-900: #342c22;
--color-incense-950: #201911;
}SCSS
$incense: #aa987d;
$incense-rgb: 170, 152, 125;
$incense-light: mix(#fff, $incense, 20%);
$incense-dark: mix(#000, $incense, 20%);
.element {
color: $incense;
box-shadow: 0 0 0 2px rgba($incense, 0.35);
}