Adlandırılmış renk · #775130
Chocolate Bells
Chocolate Bells, #775130: rgb(119 81 48), hsl(28 43% 33%), oklch(0.469 0.07 60.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Chocolate Bells color name →
#775130
oklch(0.469 0.07 60.8)
Renk dönüşümleri
- HEX
- #775130
- RGB
- rgb(119 81 48)
- HSL
- hsl(28 43% 33%)
- HWB
- hwb(28 19% 53%)
- OKLCH
- oklch(0.469 0.07 60.8)
- OKLab
- oklab(0.469 0.034 0.061)
- CIE Lab
- lab(38.17 13.6 25.93)
- LCH
- lch(38.17 29.28 62.3)
- CMYK
- cmyk(0% 32% 60% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 846144
- 927257
- 9F826B
- AC937F
- BAA593
- C8B6A8
- D5C8BD
- E3DAD3
- F1ECE9
Koyu tonlar
- 674528
- 573A21
- 472F1A
- 382413
- 2A1A0C
- 1C1006
- 100703
- 050201
- 010000
Gri tonlar
- 785639
- 795B41
- 7B5F49
- 7C6451
- 7C6959
- 7D6D61
- 7E7269
- 7F7770
- 7F7B78
Renk uyumları
Tamamlayıcı +180°
- 775130
Chocolate Bells
- 335F7E
≈ Chinese Porcelain
Analog -30° +30°
- 775130
Chocolate Bells
- 7D4B42
≈ Nutmeg
- 695929
≈ Fir Green
Üçlü +120° +240°
- 775130
Chocolate Bells
- 24675D
≈ Galapagos Green
- 61517C
≈ Berry Syrup
Bölünmüş tamamlayıcı +150° +210°
- 775130
Chocolate Bells
- 1F6571
≈ Bold Bolection
- 4C5882
≈ Yacht Club Blue
Dörtlü +90° +180° +270°
- 775130
Chocolate Bells
- 3C6646
≈ Forest Serenade
- 335F7E
≈ Chinese Porcelain
- 714C6D
≈ Old Fashioned Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.99:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.00:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.99:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--chocolate-bells: #775130;
--chocolate-bells-rgb: 119 81 48;
--chocolate-bells-oklch: oklch(0.469 0.07 60.8);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(28 43% 33%);
border-color: oklch(0.469 0.07 60.8);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #775130;
--color-chocolate-bells-50: #fff1e1;
--color-chocolate-bells-100: #f9e3d1;
--color-chocolate-bells-200: #ebceb6;
--color-chocolate-bells-300: #d2b093;
--color-chocolate-bells-400: #bd9574;
--color-chocolate-bells-500: #a87b56;
--color-chocolate-bells-600: #8e6949;
--color-chocolate-bells-700: #72543a;
--color-chocolate-bells-800: #553c2a;
--color-chocolate-bells-900: #3b2a1c;
--color-chocolate-bells-950: #25170c;
}SCSS
$chocolate-bells: #775130;
$chocolate-bells-rgb: 119, 81, 48;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}