Adlandırılmış renk · #DF8F67
Bockwurst
Bockwurst, #DF8F67: rgb(223 143 103), hsl(20 65% 64%), oklch(0.723 0.112 47). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Bockwurst color name →
#DF8F67
oklch(0.723 0.112 47)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E39A76
- E7A686
- EBB195
- EEBCA4
- F2C7B3
- F5D2C2
- F8DDD1
- FAE9E0
- FDF4F0
Koyu tonlar
- C27C59
- A5694B
- 8A573D
- 6F4530
- 563423
- 3D2417
- 27150C
- 120704
- 020100
Gri tonlar
- D68E6A
- CC8D6D
- C38B70
- BA8A73
- B08976
- A78778
- 9D857A
- 94847C
- 8A827E
Renk uyumları
Tamamlayıcı +180°
- DF8F67
Bockwurst
- 4AB3DC
≈ Sail Away
Analog -30° +30°
- DF8F67
Bockwurst
- E3888C
≈ Pink Chi
- CD9C4E
≈ Bales of Brown
Üçlü +120° +240°
- DF8F67
Bockwurst
- 54BC97
≈ Expressionism Green
- A19AE8
≈ Dull Lavender
Bölünmüş tamamlayıcı +150° +210°
- DF8F67
Bockwurst
- 33BBBE
≈ Montego Bay
- 78A8EB
≈ Greek Sea
Dörtlü +90° +180° +270°
- DF8F67
Bockwurst
- 84B66F
≈ Nasturtium Leaf
- 4AB3DC
≈ Sail Away
- C28FD4
≈ Lenurple
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.54:1 · APCA Lc 50
Ag
AAASiyah üzerinde
WCAG 8.26:1 · APCA Lc 52
En iyi metin rengi: #000000
WCAG 8.26:1 (AAA) · APCA Lc 52
Contrast pairs
Kod parçacıkları
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);
}