Nazwany kolor · #AB728D
Mauve Orchid
Mauve Orchid to #AB728D: rgb(171 114 141), hsl(332 25% 56%), oklch(0.62 0.08 349.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Mauve Orchid color name →
#AB728D
oklch(0.62 0.08 349.8)
Konwersje koloru
- HEX
- #ab728d
- RGB
- rgb(171 114 141)
- HSL
- hsl(332 25% 56%)
- HWB
- hwb(332 45% 33%)
- OKLCH
- oklch(0.62 0.08 349.8)
- OKLab
- oklab(0.62 0.079 -0.014)
- CIE Lab
- lab(54.8 26.11 -5.12)
- LCH
- lch(54.8 26.61 348.9)
- CMYK
- cmyk(0% 33% 18% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B48098
- BC8DA3
- C59BAE
- CEA9B9
- D6B7C5
- DEC5D0
- E7D3DC
- EFE2E7
- F7F0F3
Odcienie ciemniejsze
- 94627A
- 7E5367
- 684455
- 543644
- 402833
- 2D1B23
- 1B0E14
- 0B0407
- 010101
Tony
- A7748C
- A3758A
- 9F7789
- 9B7888
- 977A87
- 927B85
- 8E7C84
- 897E83
- 857F81
Harmonie kolorów
Komplementarna +180°
- AB728D
Mauve Orchid
- 50967E
≈ Crisp Lettuce
Analogowa -30° +30°
- AB728D
Mauve Orchid
- 9C76A4
≈ Karma Chameleon
- B17272
≈ Red Gerbera
Triada +120° +240°
- AB728D
Mauve Orchid
- 898A50
≈ Special Ops
- 4F8FAD
≈ Sora Sky
Komplementarna rozszczepiona +150° +210°
- AB728D
Mauve Orchid
- 6C9264
≈ Blade Green
- 429599
≈ Catalan
Tetrada +90° +180° +270°
- AB728D
Mauve Orchid
- A0814C
≈ Dijon
- 50967E
≈ Crisp Lettuce
- 6987B7
≈ Kimono
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.80:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.52:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--mauve-orchid: #ab728d;
--mauve-orchid-rgb: 171 114 141;
--mauve-orchid-oklch: oklch(0.62 0.08 349.8);
}
.element {
color: var(--mauve-orchid);
background-color: hsl(332 25% 56%);
border-color: oklch(0.62 0.08 349.8);
}Tailwind CSS v4
@theme {
--color-mauve-orchid: #ab728d;
--color-mauve-orchid-50: #ffecf8;
--color-mauve-orchid-100: #fedeeb;
--color-mauve-orchid-200: #f1c7d8;
--color-mauve-orchid-300: #d9a7bc;
--color-mauve-orchid-400: #c38ba5;
--color-mauve-orchid-500: #ae708e;
--color-mauve-orchid-600: #935f78;
--color-mauve-orchid-700: #764c60;
--color-mauve-orchid-800: #573747;
--color-mauve-orchid-900: #3d2531;
--color-mauve-orchid-950: #26141d;
}SCSS
$mauve-orchid: #ab728d;
$mauve-orchid-rgb: 171, 114, 141;
$mauve-orchid-light: mix(#fff, $mauve-orchid, 20%);
$mauve-orchid-dark: mix(#000, $mauve-orchid, 20%);
.element {
color: $mauve-orchid;
box-shadow: 0 0 0 2px rgba($mauve-orchid, 0.35);
}