Nazwany kolor · #674961
Bunchberry
Bunchberry to #674961: rgb(103 73 97), hsl(312 17% 35%), oklch(0.447 0.054 333.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Bunchberry color name →
#674961
oklch(0.447 0.054 333.7)
Konwersje koloru
- HEX
- #674961
- RGB
- rgb(103 73 97)
- HSL
- hsl(312 17% 35%)
- HWB
- hwb(312 29% 60%)
- OKLCH
- oklch(0.447 0.054 333.7)
- OKLab
- oklab(0.447 0.049 -0.024)
- CIE Lab
- lab(35.04 16.39 -8.86)
- LCH
- lch(35.04 18.63 331.6)
- CMYK
- cmyk(0% 29% 6% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 755A70
- 846A7E
- 937C8E
- A28D9D
- B1A0AD
- C0B2BD
- D0C5CD
- DFD8DD
- EFEBEE
Odcienie ciemniejsze
- 593E53
- 4B3446
- 3D2A39
- 30202D
- 231721
- 170E15
- 0C060B
- 040203
- 000000
Tony
- 6A4E64
- 6C5467
- 6F596A
- 715F6D
- 746470
- 766A74
- 796F77
- 7B757A
- 7E7A7D
Harmonie kolorów
Komplementarna +180°
- 674961
Bunchberry
- 3C5D46
≈ Horsetail
Analogowa -30° +30°
- 674961
Bunchberry
- 5B4D6D
≈ Crowning
- 6E4851
≈ Formal Maroon
Triada +120° +240°
- 674961
Bunchberry
- 5E5430
≈ Olive Bark
- 2D5C67
≈ Night Shift
Komplementarna rozszczepiona +150° +210°
- 674961
Bunchberry
- 4E5A37
≈ Green Goanna
- 2E5E57
≈ Lacrosse
Tetrada +90° +180° +270°
- 674961
Bunchberry
- 6A4E34
≈ Tilled Soil
- 3C5D46
≈ Horsetail
- 395870
≈ Winner’s Circle
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.77:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.70:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.77:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--bunchberry: #674961;
--bunchberry-rgb: 103 73 97;
--bunchberry-oklch: oklch(0.447 0.054 333.7);
}
.element {
color: var(--bunchberry);
background-color: hsl(312 17% 35%);
border-color: oklch(0.447 0.054 333.7);
}Tailwind CSS v4
@theme {
--color-bunchberry: #674961;
--color-bunchberry-50: #fff0fb;
--color-bunchberry-100: #f4e1ef;
--color-bunchberry-200: #e4ccdd;
--color-bunchberry-300: #caadc2;
--color-bunchberry-400: #b393ac;
--color-bunchberry-500: #9d7995;
--color-bunchberry-600: #85667e;
--color-bunchberry-700: #6a5265;
--color-bunchberry-800: #4e3c4b;
--color-bunchberry-900: #362934;
--color-bunchberry-950: #21171f;
}SCSS
$bunchberry: #674961;
$bunchberry-rgb: 103, 73, 97;
$bunchberry-light: mix(#fff, $bunchberry, 20%);
$bunchberry-dark: mix(#000, $bunchberry, 20%);
.element {
color: $bunchberry;
box-shadow: 0 0 0 2px rgba($bunchberry, 0.35);
}