Adlandırılmış renk · #B98970
Carmelite
Carmelite, #B98970: rgb(185 137 112), hsl(21 34% 58%), oklch(0.67 0.069 48.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Carmelite color name →
#B98970
oklch(0.67 0.069 48.6)
Renk dönüşümleri
- HEX
- #b98970
- RGB
- rgb(185 137 112)
- HSL
- hsl(21 34% 58%)
- HWB
- hwb(21 44% 27%)
- OKLCH
- oklch(0.67 0.069 48.6)
- OKLab
- oklab(0.67 0.046 0.052)
- CIE Lab
- lab(61.4 16.48 20.98)
- LCH
- lch(61.4 26.68 51.8)
- CMYK
- cmyk(0% 26% 39% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0947E
- C7A08C
- CFAC9A
- D6B7A8
- DDC3B6
- E4CFC4
- EBDBD3
- F1E7E1
- F8F3F0
Koyu tonlar
- A07660
- 896451
- 715343
- 5B4235
- 463127
- 31221A
- 1E140E
- 0D0704
- 020101
Gri tonlar
- B38872
- AE8774
- A88775
- A38677
- 9D8579
- 97847A
- 91837C
- 8C827D
- 86817F
Renk uyumları
Tamamlayıcı +180°
- B98970
Carmelite
- 679EB7
≈ Lake Lucerne
Analog -30° +30°
- B98970
Carmelite
- BC8485
≈ Notice Me
- AD9164
≈ Modern Avocado
Üçlü +120° +240°
- B98970
Carmelite
- 6AA38E
≈ Quilotoa Green
- 938FBE
≈ Velvet Crest
Bölünmüş tamamlayıcı +150° +210°
- B98970
Carmelite
- 5FA3A5
≈ Meadowbrook
- 7C97C0
≈ Denver River
Dörtlü +90° +180° +270°
- B98970
Carmelite
- 80A077
≈ Green Grey
- 679EB7
≈ Lake Lucerne
- A888B1
≈ Violet Eclipse
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.87:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--carmelite: #b98970;
--carmelite-rgb: 185 137 112;
--carmelite-oklch: oklch(0.67 0.069 48.6);
}
.element {
color: var(--carmelite);
background-color: hsl(21 34% 58%);
border-color: oklch(0.67 0.069 48.6);
}Tailwind CSS v4
@theme {
--color-carmelite: #b98970;
--color-carmelite-50: #fff0e4;
--color-carmelite-100: #fce2d4;
--color-carmelite-200: #eecdba;
--color-carmelite-300: #d5ae98;
--color-carmelite-400: #c1937b;
--color-carmelite-500: #ac785d;
--color-carmelite-600: #91664f;
--color-carmelite-700: #75523f;
--color-carmelite-800: #563b2e;
--color-carmelite-900: #3c281f;
--color-carmelite-950: #26160f;
}SCSS
$carmelite: #b98970;
$carmelite-rgb: 185, 137, 112;
$carmelite-light: mix(#fff, $carmelite, 20%);
$carmelite-dark: mix(#000, $carmelite, 20%);
.element {
color: $carmelite;
box-shadow: 0 0 0 2px rgba($carmelite, 0.35);
}