Nazwany kolor · #B6A89A
Runelord Brass
Runelord Brass to #B6A89A: rgb(182 168 154), hsl(30 16% 66%), oklch(0.74 0.026 67.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Runelord Brass color name →
#B6A89A
oklch(0.74 0.026 67.4)
Konwersje koloru
- HEX
- #b6a89a
- RGB
- rgb(182 168 154)
- HSL
- hsl(30 16% 66%)
- HWB
- hwb(30 60% 29%)
- OKLCH
- oklch(0.74 0.026 67.4)
- OKLab
- oklab(0.74 0.01 0.024)
- CIE Lab
- lab(69.78 3.47 9.18)
- LCH
- lch(69.78 9.82 69.3)
- CMYK
- cmyk(0% 8% 15% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDB0A4
- C4B9AE
- CBC1B7
- D3CAC1
- DAD3CB
- E1DBD6
- E9E4E0
- F0EDEA
- F8F6F5
Odcienie ciemniejsze
- 9E9285
- 867C71
- 6F675E
- 59524B
- 443F39
- 302C27
- 1D1A17
- 0C0A09
- 020101
Tony
- B0A497
- ABA095
- A69C92
- A09890
- 9B948D
- 95908A
- 908C88
- 8B8885
- 858483
Harmonie kolorów
Komplementarna +180°
- B6A89A
Runelord Brass
- 9EADBA
≈ Shower
Analogowa -30° +30°
- B6A89A
Runelord Brass
- BAA69F
≈ Prestige
- AFAB99
≈ Moss Grey
Triada +120° +240°
- B6A89A
Runelord Brass
- 99B0AD
≈ 5-Masted Preußen
- AFA7B8
≈ Morning Mist Grey
Komplementarna rozszczepiona +150° +210°
- B6A89A
Runelord Brass
- 9AAFB5
≈ Interesting Aqua
- A6AABB
≈ Cream Violet
Tetrada +90° +180° +270°
- B6A89A
Runelord Brass
- 9EB0A4
≈ Powdered Gum
- 9EADBA
≈ Shower
- B6A5B0
≈ Foggy Plum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.31:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.05:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--runelord-brass: #b6a89a;
--runelord-brass-rgb: 182 168 154;
--runelord-brass-oklch: oklch(0.74 0.026 67.4);
}
.element {
color: var(--runelord-brass);
background-color: hsl(30 16% 66%);
border-color: oklch(0.74 0.026 67.4);
}Tailwind CSS v4
@theme {
--color-runelord-brass: #b6a89a;
--color-runelord-brass-50: #faf4ed;
--color-runelord-brass-100: #eee7df;
--color-runelord-brass-200: #dcd3c9;
--color-runelord-brass-300: #c0b5aa;
--color-runelord-brass-400: #a99c8f;
--color-runelord-brass-500: #928375;
--color-runelord-brass-600: #7b6f63;
--color-runelord-brass-700: #63594f;
--color-runelord-brass-800: #494139;
--color-runelord-brass-900: #322d27;
--color-runelord-brass-950: #1e1a15;
}SCSS
$runelord-brass: #b6a89a;
$runelord-brass-rgb: 182, 168, 154;
$runelord-brass-light: mix(#fff, $runelord-brass, 20%);
$runelord-brass-dark: mix(#000, $runelord-brass, 20%);
.element {
color: $runelord-brass;
box-shadow: 0 0 0 2px rgba($runelord-brass, 0.35);
}