En yakın adlandırılmış renk · #B2957E
#B2957E
En yakın adlandırılmış renk: Bakery Brown
#B2957E (rgb(178 149 126), hsl(27 25% 60%), oklch(0.69 0.048 60.3)) en çok Bakery Brown 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.
#B2957E
oklch(0.69 0.048 60.3)
Renk dönüşümleri
- HEX
- #b2957e
- RGB
- rgb(178 149 126)
- HSL
- hsl(27 25% 60%)
- HWB
- hwb(27 49% 30%)
- OKLCH
- oklch(0.69 0.048 60.3)
- OKLab
- oklab(0.69 0.024 0.041)
- CIE Lab
- lab(63.93 8.62 16.45)
- LCH
- lch(63.93 18.57 62.4)
- CMYK
- cmyk(0% 16% 29% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA9F8A
- C1AA97
- C9B4A3
- D1BEB0
- D8C9BD
- E0D4CA
- E8DED7
- EFE9E4
- F7F4F2
Koyu tonlar
- 9A816D
- 836D5C
- 6D5A4C
- 57483C
- 43372D
- 2F261F
- 1D1611
- 0C0805
- 010101
Gri tonlar
- AD937E
- A8917F
- A38F7F
- 9E8D7F
- 998B7F
- 948980
- 8F8680
- 8A8480
- 858280
Renk uyumları
Tamamlayıcı +180°
- B2957E
Bakery Brown
- 81A0B6
≈ Lake Okoboji
Analog -30° +30°
- B2957E
Bakery Brown
- B7918A
≈ Mauve Blush
- A79B7A
≈ Exploring Khaki
Üçlü +120° +240°
- B2957E
Bakery Brown
- 7BA59D
≈ Twining Vine
- A095B5
≈ Heirloom Lilac
Bölünmüş tamamlayıcı +150° +210°
- B2957E
Bakery Brown
- 79A4AC
≈ Seascape
- 909ABA
≈ Thistle Down
Dörtlü +90° +180° +270°
- B2957E
Bakery Brown
- 87A48C
≈ Envy
- 81A0B6
≈ Lake Okoboji
- AD91A9
≈ London Hue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--bakery-brown: #b2957e;
--bakery-brown-rgb: 178 149 126;
--bakery-brown-oklch: oklch(0.69 0.048 60.3);
}
.element {
color: var(--bakery-brown);
background-color: hsl(27 25% 60%);
border-color: oklch(0.69 0.048 60.3);
}Tailwind CSS v4
@theme {
--color-bakery-brown: #b2957e;
--color-bakery-brown-50: #fff2e8;
--color-bakery-brown-100: #f4e5d8;
--color-bakery-brown-200: #e4d0c0;
--color-bakery-brown-300: #cab39f;
--color-bakery-brown-400: #b49882;
--color-bakery-brown-500: #9e7f66;
--color-bakery-brown-600: #866c57;
--color-bakery-brown-700: #6b5645;
--color-bakery-brown-800: #4f3f32;
--color-bakery-brown-900: #372b22;
--color-bakery-brown-950: #221811;
}SCSS
$bakery-brown: #b2957e;
$bakery-brown-rgb: 178, 149, 126;
$bakery-brown-light: mix(#fff, $bakery-brown, 20%);
$bakery-brown-dark: mix(#000, $bakery-brown, 20%);
.element {
color: $bakery-brown;
box-shadow: 0 0 0 2px rgba($bakery-brown, 0.35);
}