Nazwany kolor · #BFB5A2
Tea
Tea to #BFB5A2: rgb(191 181 162), hsl(39 18% 69%), oklch(0.776 0.029 83.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tea color name →
#BFB5A2
oklch(0.776 0.029 83.5)
Konwersje koloru
- HEX
- #bfb5a2
- RGB
- rgb(191 181 162)
- HSL
- hsl(39 18% 69%)
- HWB
- hwb(39 64% 25%)
- OKLCH
- oklch(0.776 0.029 83.5)
- OKLab
- oklab(0.776 0.003 0.028)
- CIE Lab
- lab(74.13 1.29 11.06)
- LCH
- lch(74.13 11.14 83.3)
- CMYK
- cmyk(0% 5% 15% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5BCAB
- CCC3B4
- D2CBBD
- D8D2C6
- DFD9D0
- E5E1D9
- EBE8E2
- F2F0EC
- F8F7F5
Odcienie ciemniejsze
- A69D8C
- 8D8677
- 756F63
- 5E594F
- 48443C
- 33302A
- 1F1D19
- 0D0C0A
- 020201
Tony
- B9B09F
- B2AA9B
- ACA598
- A59F94
- 9F9A91
- 99958E
- 92908A
- 8C8A87
- 868583
Harmonie kolorów
Komplementarna +180°
- BFB5A2
Tea
- ADB7C9
≈ Spacious Sky
Analogowa -30° +30°
- BFB5A2
Tea
- C6B2A6
≈ Mauvette
- B6B9A4
≈ Tickled Crow
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- BFB5A2
Tea
- A5BAC6
≈ Hazy Daze
- B7B3C7
≈ Bohemianism
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.34:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--tea: #bfb5a2;
--tea-rgb: 191 181 162;
--tea-oklch: oklch(0.776 0.029 83.5);
}
.element {
color: var(--tea);
background-color: hsl(39 18% 69%);
border-color: oklch(0.776 0.029 83.5);
}Tailwind CSS v4
@theme {
--color-tea: #bfb5a2;
--color-tea-50: #f9f5ec;
--color-tea-100: #ece7dd;
--color-tea-200: #dad4c7;
--color-tea-300: #beb7a7;
--color-tea-400: #a79d8c;
--color-tea-500: #8f8571;
--color-tea-600: #797060;
--color-tea-700: #615a4c;
--color-tea-800: #474237;
--color-tea-900: #312d26;
--color-tea-950: #1d1a14;
}SCSS
$tea: #bfb5a2;
$tea-rgb: 191, 181, 162;
$tea-light: mix(#fff, $tea, 20%);
$tea-dark: mix(#000, $tea, 20%);
.element {
color: $tea;
box-shadow: 0 0 0 2px rgba($tea, 0.35);
}