En yakın adlandırılmış renk · #B27700
#B27700
En yakın adlandırılmış renk: Falafel
#B27700 (rgb(178 119 0), hsl(40 100% 35%), oklch(0.615 0.13 74.5)) en çok Falafel adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B27700
oklch(0.615 0.13 74.5)
Renk dönüşümleri
- HEX
- #b27700
- RGB
- rgb(178 119 0)
- HSL
- hsl(40 100% 35%)
- HWB
- hwb(40 0% 30%)
- OKLCH
- oklch(0.615 0.13 74.5)
- OKLab
- oklab(0.615 0.035 0.125)
- CIE Lab
- lab(55.21 18.23 61.17)
- LCH
- lch(55.21 63.83 73.4)
- CMYK
- cmyk(0% 33% 100% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA8532
- C2924D
- CAA065
- D2AD7C
- DABB92
- E1C8A7
- E9D6BD
- F0E4D3
- F8F1E9
Koyu tonlar
- 9A6700
- 835700
- 6D4700
- 573800
- 432A00
- 2F1C00
- 1D1000
- 0C0500
- 010100
Gri tonlar
- AD7822
- A87A34
- A47B41
- 9F7C4C
- 9A7D56
- 957E5F
- 907F68
- 8B7F70
- 858078
Renk uyumları
Tamamlayıcı +180°
- B27700
Falafel
- 4987D1
≈ Blue Sonki
Analog -30° +30°
- B27700
Falafel
- C4683D
≈ Determined Orange
- 928800
≈ Medusa Green
Üçlü +120° +240°
- B27700
Falafel
- 009898
≈ Regula Barbara Blue
- A16BBB
≈ Prickly Purple
Bölünmüş tamamlayıcı +150° +210°
- B27700
Falafel
- 0093B8
≈ Blue Danube
- 7D78CF
≈ Kickstart Purple
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.79:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.53:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.53:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--falafel: #b27700;
--falafel-rgb: 178 119 0;
--falafel-oklch: oklch(0.615 0.13 74.5);
}
.element {
color: var(--falafel);
background-color: hsl(40 100% 35%);
border-color: oklch(0.615 0.13 74.5);
}Tailwind CSS v4
@theme {
--color-falafel: #b27700;
--color-falafel-50: #fff1cc;
--color-falafel-100: #ffe3b8;
--color-falafel-200: #f4cd95;
--color-falafel-300: #ddae68;
--color-falafel-400: #cb923a;
--color-falafel-500: #b87600;
--color-falafel-600: #9b6400;
--color-falafel-700: #7d5000;
--color-falafel-800: #5d3a00;
--color-falafel-900: #412700;
--color-falafel-950: #2a1500;
}SCSS
$falafel: #b27700;
$falafel-rgb: 178, 119, 0;
$falafel-light: mix(#fff, $falafel, 20%);
$falafel-dark: mix(#000, $falafel, 20%);
.element {
color: $falafel;
box-shadow: 0 0 0 2px rgba($falafel, 0.35);
}