Nazwany kolor · #DF8F67
Bockwurst
Bockwurst to #DF8F67: rgb(223 143 103), hsl(20 65% 64%), oklch(0.723 0.112 47). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Bockwurst color name →
#DF8F67
oklch(0.723 0.112 47)
Konwersje koloru
- HEX
- #df8f67
- RGB
- rgb(223 143 103)
- HSL
- hsl(20 65% 64%)
- HWB
- hwb(20 40% 13%)
- OKLCH
- oklch(0.723 0.112 47)
- OKLab
- oklab(0.723 0.076 0.082)
- CIE Lab
- lab(67.23 28.22 34.43)
- LCH
- lch(67.23 44.52 50.7)
- CMYK
- cmyk(0% 36% 54% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E39A76
- E7A686
- EBB195
- EEBCA4
- F2C7B3
- F5D2C2
- F8DDD1
- FAE9E0
- FDF4F0
Odcienie ciemniejsze
- C27C59
- A5694B
- 8A573D
- 6F4530
- 563423
- 3D2417
- 27150C
- 120704
- 020100
Tony
- D68E6A
- CC8D6D
- C38B70
- BA8A73
- B08976
- A78778
- 9D857A
- 94847C
- 8A827E
Harmonie kolorów
Komplementarna +180°
- DF8F67
Bockwurst
- 4AB3DC
≈ Sail Away
Analogowa -30° +30°
- DF8F67
Bockwurst
- E3888C
≈ Pink Chi
- CD9C4E
≈ Bales of Brown
Triada +120° +240°
- DF8F67
Bockwurst
- 54BC97
≈ Expressionism Green
- A19AE8
≈ Dull Lavender
Komplementarna rozszczepiona +150° +210°
- DF8F67
Bockwurst
- 33BBBE
≈ Montego Bay
- 78A8EB
≈ Greek Sea
Tetrada +90° +180° +270°
- DF8F67
Bockwurst
- 84B66F
≈ Nasturtium Leaf
- 4AB3DC
≈ Sail Away
- C28FD4
≈ Lenurple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.54:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.26:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--bockwurst: #df8f67;
--bockwurst-rgb: 223 143 103;
--bockwurst-oklch: oklch(0.723 0.112 47);
}
.element {
color: var(--bockwurst);
background-color: hsl(20 65% 64%);
border-color: oklch(0.723 0.112 47);
}Tailwind CSS v4
@theme {
--color-bockwurst: #df8f67;
--color-bockwurst-50: #ffedda;
--color-bockwurst-100: #ffdec8;
--color-bockwurst-200: #fdc7ab;
--color-bockwurst-300: #e7a784;
--color-bockwurst-400: #d58964;
--color-bockwurst-500: #c16c40;
--color-bockwurst-600: #a35c37;
--color-bockwurst-700: #834a2c;
--color-bockwurst-800: #623520;
--color-bockwurst-900: #452415;
--color-bockwurst-950: #2c1206;
}SCSS
$bockwurst: #df8f67;
$bockwurst-rgb: 223, 143, 103;
$bockwurst-light: mix(#fff, $bockwurst, 20%);
$bockwurst-dark: mix(#000, $bockwurst, 20%);
.element {
color: $bockwurst;
box-shadow: 0 0 0 2px rgba($bockwurst, 0.35);
}