Adlandırılmış renk · #B67350
Outlawed Orange
Outlawed Orange, #B67350: rgb(182 115 80), hsl(21 41% 51%), oklch(0.619 0.098 47.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Outlawed Orange color name →
#B67350
oklch(0.619 0.098 47.9)
Renk dönüşümleri
- HEX
- #b67350
- RGB
- rgb(182 115 80)
- HSL
- hsl(21 41% 51%)
- HWB
- hwb(21 31% 29%)
- OKLCH
- oklch(0.619 0.098 47.9)
- OKLab
- oklab(0.619 0.066 0.073)
- CIE Lab
- lab(55.26 24.52 30.82)
- LCH
- lch(55.26 39.38 51.5)
- CMYK
- cmyk(0% 37% 56% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BE8161
- C68E72
- CE9C83
- D5AA95
- DCB8A6
- E4C6B7
- EBD4C9
- F2E2DB
- F8F1ED
Koyu tonlar
- 9E6344
- 865439
- 6F452E
- 593624
- 44281A
- 301B10
- 1D0F07
- 0C0502
- 020100
Gri tonlar
- B17556
- AC765B
- A77860
- A27965
- 9C7B6A
- 977C6E
- 917D73
- 8C7E77
- 867F7C
Renk uyumları
Tamamlayıcı +180°
- B67350
Outlawed Orange
- 3991B4
≈ Navagio Bay
Analog -30° +30°
- B67350
Outlawed Orange
- BA6D70
≈ Exotic Incense
- A67E3B
≈ Organic Style
Üçlü +120° +240°
- B67350
Outlawed Orange
- 3F997A
≈ Greenway
- 837CBE
≈ Faraway Sky
Bölünmüş tamamlayıcı +150° +210°
- B67350
Outlawed Orange
- 21989B
≈ Ocean Reef
- 6087C1
≈ Danube
Dörtlü +90° +180° +270°
- B67350
Outlawed Orange
- 689459
≈ Milpa
- 3991B4
≈ Navagio Bay
- 9F73AC
≈ Bell Heather
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.77:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.55:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--outlawed-orange: #b67350;
--outlawed-orange-rgb: 182 115 80;
--outlawed-orange-oklch: oklch(0.619 0.098 47.9);
}
.element {
color: var(--outlawed-orange);
background-color: hsl(21 41% 51%);
border-color: oklch(0.619 0.098 47.9);
}Tailwind CSS v4
@theme {
--color-outlawed-orange: #b67350;
--color-outlawed-orange-50: #ffeedd;
--color-outlawed-orange-100: #ffdfcb;
--color-outlawed-orange-200: #f8c9af;
--color-outlawed-orange-300: #e1a98a;
--color-outlawed-orange-400: #ce8d6b;
--color-outlawed-orange-500: #bb714a;
--color-outlawed-orange-600: #9e603f;
--color-outlawed-orange-700: #7e4c32;
--color-outlawed-orange-800: #5e3724;
--color-outlawed-orange-900: #422618;
--color-outlawed-orange-950: #2a1409;
}SCSS
$outlawed-orange: #b67350;
$outlawed-orange-rgb: 182, 115, 80;
$outlawed-orange-light: mix(#fff, $outlawed-orange, 20%);
$outlawed-orange-dark: mix(#000, $outlawed-orange, 20%);
.element {
color: $outlawed-orange;
box-shadow: 0 0 0 2px rgba($outlawed-orange, 0.35);
}