Nazwany kolor · #AE9999
Heirloom Orchid
Heirloom Orchid to #AE9999: rgb(174 153 153), hsl(0 11% 64%), oklch(0.701 0.025 17.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Heirloom Orchid color name →
#AE9999
oklch(0.701 0.025 17.8)
Konwersje koloru
- HEX
- #ae9999
- RGB
- rgb(174 153 153)
- HSL
- hsl(0 11% 64%)
- HWB
- hwb(0 60% 32%)
- OKLCH
- oklch(0.701 0.025 17.8)
- OKLab
- oklab(0.701 0.024 0.008)
- CIE Lab
- lab(65.11 8.02 3)
- LCH
- lch(65.11 8.56 20.5)
- CMYK
- cmyk(0% 12% 12% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6A3A3
- BEADAD
- C6B7B7
- CEC1C1
- D6CBCB
- DED5D5
- E6DFDF
- EFEAEA
- F7F4F4
Odcienie ciemniejsze
- 978484
- 807070
- 6A5D5D
- 554A4A
- 413838
- 2E2727
- 1C1717
- 0B0808
- 010101
Tony
- A99696
- A59494
- A09191
- 9B8F8F
- 978C8C
- 928A8A
- 8E8787
- 898585
- 858282
Harmonie kolorów
Komplementarna +180°
- AE9999
Heirloom Orchid
- 8EA4A4
≈ October Sky
Analogowa -30° +30°
- AE9999
Heirloom Orchid
- AB99A2
≈ Laylock
- AD9B92
≈ Desert Dusk
Triada +120° +240°
- AE9999
Heirloom Orchid
- 98A394
≈ Spring Spirits
- 95A0AF
≈ Robotic Gods
Komplementarna rozszczepiona +150° +210°
- AE9999
Heirloom Orchid
- 91A49C
≈ Spruce Shade
- 8FA2AB
≈ Stormy Skies
Tetrada +90° +180° +270°
- AE9999
Heirloom Orchid
- A0A08F
≈ Smoky Slate
- 8EA4A4
≈ October Sky
- 9E9DAE
≈ Adhesion
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.68:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.81:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.81:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--heirloom-orchid: #ae9999;
--heirloom-orchid-rgb: 174 153 153;
--heirloom-orchid-oklch: oklch(0.701 0.025 17.8);
}
.element {
color: var(--heirloom-orchid);
background-color: hsl(0 11% 64%);
border-color: oklch(0.701 0.025 17.8);
}Tailwind CSS v4
@theme {
--color-heirloom-orchid: #ae9999;
--color-heirloom-orchid-50: #fcf2f2;
--color-heirloom-orchid-100: #f0e5e4;
--color-heirloom-orchid-200: #dfd0d0;
--color-heirloom-orchid-300: #c4b3b2;
--color-heirloom-orchid-400: #ad9999;
--color-heirloom-orchid-500: #968080;
--color-heirloom-orchid-600: #7f6c6c;
--color-heirloom-orchid-700: #665757;
--color-heirloom-orchid-800: #4b3f3f;
--color-heirloom-orchid-900: #342b2c;
--color-heirloom-orchid-950: #1f1919;
}SCSS
$heirloom-orchid: #ae9999;
$heirloom-orchid-rgb: 174, 153, 153;
$heirloom-orchid-light: mix(#fff, $heirloom-orchid, 20%);
$heirloom-orchid-dark: mix(#000, $heirloom-orchid, 20%);
.element {
color: $heirloom-orchid;
box-shadow: 0 0 0 2px rgba($heirloom-orchid, 0.35);
}