Nazwany kolor · #B0A67E
Sedia
Sedia to #B0A67E: rgb(176 166 126), hsl(48 24% 59%), oklch(0.723 0.056 95.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sedia color name →
#B0A67E
oklch(0.723 0.056 95.7)
Konwersje koloru
- HEX
- #b0a67e
- RGB
- rgb(176 166 126)
- HSL
- hsl(48 24% 59%)
- HWB
- hwb(48 49% 31%)
- OKLCH
- oklch(0.723 0.056 95.7)
- OKLab
- oklab(0.723 -0.006 0.056)
- CIE Lab
- lab(68.21 -0.96 22.17)
- LCH
- lch(68.21 22.19 92.5)
- CMYK
- cmyk(0% 6% 28% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B8AF8B
- BFB797
- C7C0A4
- CFC9B1
- D7D2BD
- DFDBCA
- E7E4D7
- EFEDE5
- F7F6F2
Odcienie ciemniejsze
- 99906D
- 827A5C
- 6C654C
- 56513C
- 423E2D
- 2E2B1F
- 1C1A11
- 0B0A05
- 010101
Tony
- ABA27F
- A69E7F
- A19B7F
- 9C9780
- 989380
- 938F80
- 8E8B80
- 898880
- 858480
Harmonie kolorów
Komplementarna +180°
- B0A67E
Sedia
- 9BA3C9
≈ Venus Flower
Analogowa -30° +30°
- B0A67E
Sedia
- BF9F81
≈ Wickerwork
- 9DAC86
≈ Cucumber Crush
Triada +120° +240°
- B0A67E
Sedia
- 7DAFBC
≈ November Skies
- BD99B3
≈ Cherished
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.44:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.60:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.60:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--sedia: #b0a67e;
--sedia-rgb: 176 166 126;
--sedia-oklch: oklch(0.723 0.056 95.7);
}
.element {
color: var(--sedia);
background-color: hsl(48 24% 59%);
border-color: oklch(0.723 0.056 95.7);
}Tailwind CSS v4
@theme {
--color-sedia: #b0a67e;
--color-sedia-50: #f9f6e4;
--color-sedia-100: #ede8d4;
--color-sedia-200: #dad5ba;
--color-sedia-300: #bfb898;
--color-sedia-400: #a89f79;
--color-sedia-500: #91865b;
--color-sedia-600: #7b724e;
--color-sedia-700: #625b3e;
--color-sedia-800: #49422c;
--color-sedia-900: #322e1e;
--color-sedia-950: #1e1a0e;
}SCSS
$sedia: #b0a67e;
$sedia-rgb: 176, 166, 126;
$sedia-light: mix(#fff, $sedia, 20%);
$sedia-dark: mix(#000, $sedia, 20%);
.element {
color: $sedia;
box-shadow: 0 0 0 2px rgba($sedia, 0.35);
}