En yakın adlandırılmış renk · #BE7D00
#BE7D00
En yakın adlandırılmış renk: Caramel Coating
#BE7D00 (rgb(190 125 0), hsl(39 100% 37%), oklch(0.641 0.137 72.9)) en çok Caramel Coating 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.
#BE7D00
oklch(0.641 0.137 72.9)
Renk dönüşümleri
- HEX
- #be7d00
- RGB
- rgb(190 125 0)
- HSL
- hsl(39 100% 37%)
- HWB
- hwb(39 0% 25%)
- OKLCH
- oklch(0.641 0.137 72.9)
- OKLab
- oklab(0.641 0.04 0.131)
- CIE Lab
- lab(58.19 20.35 63.88)
- LCH
- lch(58.19 67.04 72.3)
- CMYK
- cmyk(0% 34% 100% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C58A34
- CC974F
- D3A467
- D9B17E
- E0BE94
- E6CBA9
- EDD8BF
- F3E5D4
- F9F2E9
Koyu tonlar
- A56C00
- 8C5B00
- 754B00
- 5E3B00
- 482C00
- 331E00
- 1F1100
- 0D0500
- 020100
Gri tonlar
- B87E24
- B27F35
- AC7F43
- A6804E
- A08058
- 9A8061
- 938069
- 8D8071
- 878079
Renk uyumları
Tamamlayıcı +180°
- BE7D00
Caramel Coating
- 4A8FDD
≈ Oregon Blue
Analog -30° +30°
- BE7D00
Caramel Coating
- D06D43
≈ Fresh Acorn
- 9C8F00
≈ Smoothie Green
Üçlü +120° +240°
- BE7D00
Caramel Coating
- 00A19F
≈ Aqua Velvet
- A972C7
≈ Rich Lavender
Bölünmüş tamamlayıcı +150° +210°
- BE7D00
Caramel Coating
- 009CC1
≈ Sea Wonder
- 8280DC
≈ Indigo Bloom
Dörtlü +90° +180° +270°
- BE7D00
Caramel Coating
- 0DA674
≈ Bluish Green
- 4A8FDD
≈ Oregon Blue
- C468A2
≈ Nocturnal Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.42:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.12:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--caramel-coating: #be7d00;
--caramel-coating-rgb: 190 125 0;
--caramel-coating-oklch: oklch(0.641 0.137 72.9);
}
.element {
color: var(--caramel-coating);
background-color: hsl(39 100% 37%);
border-color: oklch(0.641 0.137 72.9);
}Tailwind CSS v4
@theme {
--color-caramel-coating: #be7d00;
--color-caramel-coating-50: #fff0ca;
--color-caramel-coating-100: #ffe2b6;
--color-caramel-coating-200: #f7cc92;
--color-caramel-coating-300: #e0ad64;
--color-caramel-coating-400: #cf9033;
--color-caramel-coating-500: #bb7400;
--color-caramel-coating-600: #9e6300;
--color-caramel-coating-700: #7f4f00;
--color-caramel-coating-800: #5f3800;
--color-caramel-coating-900: #432700;
--color-caramel-coating-950: #2b1500;
}SCSS
$caramel-coating: #be7d00;
$caramel-coating-rgb: 190, 125, 0;
$caramel-coating-light: mix(#fff, $caramel-coating, 20%);
$caramel-coating-dark: mix(#000, $caramel-coating, 20%);
.element {
color: $caramel-coating;
box-shadow: 0 0 0 2px rgba($caramel-coating, 0.35);
}