Nazwany kolor · #B89E82
Nankeen
Nankeen to #B89E82: rgb(184 158 130), hsl(31 28% 62%), oklch(0.715 0.05 69). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Nankeen color name →
#B89E82
oklch(0.715 0.05 69)
Konwersje koloru
- HEX
- #b89e82
- RGB
- rgb(184 158 130)
- HSL
- hsl(31 28% 62%)
- HWB
- hwb(31 51% 28%)
- OKLCH
- oklch(0.715 0.05 69)
- OKLab
- oklab(0.715 0.018 0.046)
- CIE Lab
- lab(66.92 6.77 18.42)
- LCH
- lch(66.92 19.62 69.8)
- CMYK
- cmyk(0% 14% 29% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFA78E
- C6B19A
- CDBAA6
- D4C4B3
- DBCEBF
- E2D7CC
- EAE1D8
- F1EBE5
- F8F5F2
Odcienie ciemniejsze
- A08970
- 88745F
- 71604E
- 5B4D3E
- 453A2F
- 312920
- 1E1812
- 0C0906
- 020101
Tony
- B29B82
- AD9882
- A79582
- A19282
- 9C8F82
- 968C81
- 918981
- 8B8681
- 868380
Harmonie kolorów
Komplementarna +180°
- B89E82
Nankeen
- 8CA6C1
≈ Frills
Analogowa -30° +30°
- B89E82
Nankeen
- BF998C
≈ Muddy Mire
- AAA481
≈ Eastlake Olive
Triada +120° +240°
- B89E82
Nankeen
- 7FAEA9
≈ Green Room
- AC9BBB
≈ Purple Springs
Komplementarna rozszczepiona +150° +210°
- B89E82
Nankeen
- 80ABB8
≈ Summerhouse Blue
- 9CA0C2
≈ House of Owen
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.54:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.25:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--nankeen: #b89e82;
--nankeen-rgb: 184 158 130;
--nankeen-oklch: oklch(0.715 0.05 69);
}
.element {
color: var(--nankeen);
background-color: hsl(31 28% 62%);
border-color: oklch(0.715 0.05 69);
}Tailwind CSS v4
@theme {
--color-nankeen: #b89e82;
--color-nankeen-50: #fff3e6;
--color-nankeen-100: #f3e6d6;
--color-nankeen-200: #e2d1be;
--color-nankeen-300: #c8b49c;
--color-nankeen-400: #b29a7f;
--color-nankeen-500: #9c8162;
--color-nankeen-600: #846d54;
--color-nankeen-700: #6a5743;
--color-nankeen-800: #4e3f30;
--color-nankeen-900: #362c21;
--color-nankeen-950: #211910;
}SCSS
$nankeen: #b89e82;
$nankeen-rgb: 184, 158, 130;
$nankeen-light: mix(#fff, $nankeen, 20%);
$nankeen-dark: mix(#000, $nankeen, 20%);
.element {
color: $nankeen;
box-shadow: 0 0 0 2px rgba($nankeen, 0.35);
}