Nazwany kolor · #B3ADA7
Dove
Dove to #B3ADA7: rgb(179 173 167), hsl(30 7% 68%), oklch(0.751 0.011 67.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dove color name →
#B3ADA7
oklch(0.751 0.011 67.7)
Konwersje koloru
- HEX
- #b3ada7
- RGB
- rgb(179 173 167)
- HSL
- hsl(30 7% 68%)
- HWB
- hwb(30 65% 30%)
- OKLCH
- oklch(0.751 0.011 67.7)
- OKLab
- oklab(0.751 0.004 0.01)
- CIE Lab
- lab(71.1 1.41 3.89)
- LCH
- lch(71.1 4.14 70.1)
- CMYK
- cmyk(0% 3% 7% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAB5AF
- C2BDB8
- C9C5C1
- D1CDC9
- D8D5D2
- E0DEDB
- E8E6E4
- EFEEED
- F7F7F6
Odcienie ciemniejsze
- 9B9691
- 847F7B
- 6E6A66
- 585552
- 43413E
- 2F2D2C
- 1D1B1A
- 0C0B0A
- 010101
Tony
- AEA8A3
- A9A49F
- A39F9B
- 9E9B97
- 999693
- 94928F
- 8F8D8C
- 8A8988
- 858484
Harmonie kolorów
Komplementarna +180°
- B3ADA7
Dove
- A9AFB5
≈ Cistern
Analogowa -30° +30°
- B3ADA7
Dove
- B5ACA9
≈ Rose Ashes
- B0AEA7
≈ Building Block
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.22:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.45:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.45:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--dove: #b3ada7;
--dove-rgb: 179 173 167;
--dove-oklch: oklch(0.751 0.011 67.7);
}
.element {
color: var(--dove);
background-color: hsl(30 7% 68%);
border-color: oklch(0.751 0.011 67.7);
}Tailwind CSS v4
@theme {
--color-dove: #b3ada7;
--color-dove-50: #f7f5f2;
--color-dove-100: #eae7e4;
--color-dove-200: #d7d3cf;
--color-dove-300: #bbb6b1;
--color-dove-400: #a39d98;
--color-dove-500: #8b857f;
--color-dove-600: #76716b;
--color-dove-700: #5e5a56;
--color-dove-800: #45423e;
--color-dove-900: #302d2b;
--color-dove-950: #1c1a18;
}SCSS
$dove: #b3ada7;
$dove-rgb: 179, 173, 167;
$dove-light: mix(#fff, $dove, 20%);
$dove-dark: mix(#000, $dove, 20%);
.element {
color: $dove;
box-shadow: 0 0 0 2px rgba($dove, 0.35);
}