Nazwany kolor · #B3A7A6
Centennial Rose
Centennial Rose to #B3A7A6: rgb(179 167 166), hsl(5 8% 68%), oklch(0.738 0.014 23.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Centennial Rose color name →
#B3A7A6
oklch(0.738 0.014 23.3)
Konwersje koloru
- HEX
- #b3a7a6
- RGB
- rgb(179 167 166)
- HSL
- hsl(5 8% 68%)
- HWB
- hwb(5 65% 30%)
- OKLCH
- oklch(0.738 0.014 23.3)
- OKLab
- oklab(0.738 0.013 0.006)
- CIE Lab
- lab(69.5 4.35 2.16)
- LCH
- lch(69.5 4.85 26.4)
- CMYK
- cmyk(0% 7% 7% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAAFAF
- C2B8B7
- C9C1C0
- D1C9C9
- D8D2D2
- E0DBDB
- E8E4E4
- EFEDED
- F7F6F6
Odcienie ciemniejsze
- 9B9190
- 847B7A
- 6E6665
- 585251
- 433E3E
- 2F2C2B
- 1D1A1A
- 0C0A0A
- 010101
Tony
- AEA3A2
- A99F9E
- A39B9A
- 9E9797
- 999393
- 948F8F
- 8F8C8B
- 8A8887
- 858484
Harmonie kolorów
Komplementarna +180°
- B3A7A6
Centennial Rose
- A1ADAE
≈ Portsmouth Bay
Analogowa -30° +30°
- B3A7A6
Centennial Rose
- B2A7AB
≈ Stamina
- B2A8A2
≈ Aura
Triada +120° +240°
- B3A7A6
Centennial Rose
- A5ADA5
≈ Ginkgo Green
- A6AAB3
≈ Modern Lavender
Komplementarna rozszczepiona +150° +210°
- B3A7A6
Centennial Rose
- A2ADA9
≈ Feldspar Silver
- A2ACB2
≈ Laundry Blue
Tetrada +90° +180° +270°
- B3A7A6
Centennial Rose
- AAABA1
≈ Laurel Grey
- A1ADAE
≈ Portsmouth Bay
- AAA9B3
≈ Modern Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.33:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.99:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.99:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--centennial-rose: #b3a7a6;
--centennial-rose-rgb: 179 167 166;
--centennial-rose-oklch: oklch(0.738 0.014 23.3);
}
.element {
color: var(--centennial-rose);
background-color: hsl(5 8% 68%);
border-color: oklch(0.738 0.014 23.3);
}Tailwind CSS v4
@theme {
--color-centennial-rose: #b3a7a6;
--color-centennial-rose-50: #f9f4f3;
--color-centennial-rose-100: #ece6e5;
--color-centennial-rose-200: #dad2d1;
--color-centennial-rose-300: #beb5b4;
--color-centennial-rose-400: #a79b9a;
--color-centennial-rose-500: #8f8382;
--color-centennial-rose-600: #796f6e;
--color-centennial-rose-700: #615858;
--color-centennial-rose-800: #474140;
--color-centennial-rose-900: #312c2c;
--color-centennial-rose-950: #1d1a19;
}SCSS
$centennial-rose: #b3a7a6;
$centennial-rose-rgb: 179, 167, 166;
$centennial-rose-light: mix(#fff, $centennial-rose, 20%);
$centennial-rose-dark: mix(#000, $centennial-rose, 20%);
.element {
color: $centennial-rose;
box-shadow: 0 0 0 2px rgba($centennial-rose, 0.35);
}