Nazwany kolor · #BDB388
Highway
Highway to #BDB388: rgb(189 179 136), hsl(49 29% 64%), oklch(0.764 0.059 96.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Highway color name →
#BDB388
oklch(0.764 0.059 96.5)
Konwersje koloru
- HEX
- #bdb388
- RGB
- rgb(189 179 136)
- HSL
- hsl(49 29% 64%)
- HWB
- hwb(49 53% 26%)
- OKLCH
- oklch(0.764 0.059 96.5)
- OKLab
- oklab(0.764 -0.007 0.059)
- CIE Lab
- lab(72.98 -1.31 23.4)
- LCH
- lch(72.98 23.43 93.2)
- CMYK
- cmyk(0% 5% 28% 26%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3BA94
- CAC29F
- D0C9AB
- D7D1B7
- DDD9C3
- E4E0CF
- EBE8DB
- F1F0E7
- F8F7F3
Odcienie ciemniejsze
- A49B75
- 8C8463
- 746E52
- 5D5841
- 474331
- 332F22
- 1F1D13
- 0D0C06
- 020101
Tony
- B7AE88
- B0A987
- AAA486
- A49E86
- 9E9985
- 989484
- 928F83
- 8C8A82
- 868581
Harmonie kolorów
Komplementarna +180°
- BDB388
Highway
- A8B0D9
≈ High Style
Analogowa -30° +30°
- BDB388
Highway
- CDAC8B
≈ Woven Navajo
- A9BA91
≈ Byakuroku Green
Triada +120° +240°
- BDB388
Highway
- 87BCCB
≈ Blue Echo
- CCA5C1
≈ Safflower Wisteria
Komplementarna rozszczepiona +150° +210°
- BDB388
Highway
- 94B7D7
≈ Blue Beyond
- BCA9D1
≈ Immortal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.10:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.96:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--highway: #bdb388;
--highway-rgb: 189 179 136;
--highway-oklch: oklch(0.764 0.059 96.5);
}
.element {
color: var(--highway);
background-color: hsl(49 29% 64%);
border-color: oklch(0.764 0.059 96.5);
}Tailwind CSS v4
@theme {
--color-highway: #bdb388;
--color-highway-50: #f9f6e3;
--color-highway-100: #ede9d2;
--color-highway-200: #dad5b9;
--color-highway-300: #bfb896;
--color-highway-400: #a89f77;
--color-highway-500: #918758;
--color-highway-600: #7b724b;
--color-highway-700: #625b3c;
--color-highway-800: #49422a;
--color-highway-900: #322e1d;
--color-highway-950: #1e1a0d;
}SCSS
$highway: #bdb388;
$highway-rgb: 189, 179, 136;
$highway-light: mix(#fff, $highway, 20%);
$highway-dark: mix(#000, $highway, 20%);
.element {
color: $highway;
box-shadow: 0 0 0 2px rgba($highway, 0.35);
}