Nazwany kolor · #BAAB87
Pavlova
Pavlova to #BAAB87: rgb(186 171 135), hsl(42 27% 63%), oklch(0.745 0.052 88.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pavlova color name →
#BAAB87
oklch(0.745 0.052 88.1)
Konwersje koloru
- HEX
- #baab87
- RGB
- rgb(186 171 135)
- HSL
- hsl(42 27% 63%)
- HWB
- hwb(42 53% 27%)
- OKLCH
- oklch(0.745 0.052 88.1)
- OKLab
- oklab(0.745 0.002 0.052)
- CIE Lab
- lab(70.59 1.42 20.68)
- LCH
- lch(70.59 20.73 86.1)
- CMYK
- cmyk(0% 8% 27% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C1B393
- C8BB9E
- CEC4AA
- D5CCB6
- DCD4C2
- E3DDCE
- EAE5DA
- F1EEE6
- F8F6F3
Odcienie ciemniejsze
- A19475
- 897E63
- 726851
- 5C5441
- 464031
- 322D21
- 1E1B13
- 0D0B06
- 020101
Tony
- B4A787
- AEA286
- A89E85
- A29A85
- 9D9584
- 979183
- 918D83
- 8B8982
- 868481
Harmonie kolorów
Komplementarna +180°
- BAAB87
Pavlova
- 9EACCE
≈ Lilac Scent Soft Blue
Analogowa -30° +30°
- BAAB87
Pavlova
- C6A58C
≈ Peanut Butter Crust
- A9B18C
≈ Lint
Triada +120° +240°
- BAAB87
Pavlova
- 86B6BE
≈ Kitchen Blue
- BFA1BD
≈ Blackberry Sorbet
Komplementarna rozszczepiona +150° +210°
- BAAB87
Pavlova
- 8EB2CA
≈ Windy Day
- B0A6CA
≈ Wisteria-Wise
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.26:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.26:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.26:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--pavlova: #baab87;
--pavlova-rgb: 186 171 135;
--pavlova-oklch: oklch(0.745 0.052 88.1);
}
.element {
color: var(--pavlova);
background-color: hsl(42 27% 63%);
border-color: oklch(0.745 0.052 88.1);
}Tailwind CSS v4
@theme {
--color-pavlova: #baab87;
--color-pavlova-50: #fbf5e5;
--color-pavlova-100: #eee8d5;
--color-pavlova-200: #ddd4bc;
--color-pavlova-300: #c2b79a;
--color-pavlova-400: #ab9d7b;
--color-pavlova-500: #95855e;
--color-pavlova-600: #7e7050;
--color-pavlova-700: #655a40;
--color-pavlova-800: #4a412d;
--color-pavlova-900: #342d1f;
--color-pavlova-950: #1f1a0e;
}SCSS
$pavlova: #baab87;
$pavlova-rgb: 186, 171, 135;
$pavlova-light: mix(#fff, $pavlova, 20%);
$pavlova-dark: mix(#000, $pavlova, 20%);
.element {
color: $pavlova;
box-shadow: 0 0 0 2px rgba($pavlova, 0.35);
}