Adlandırılmış renk · #B58271
Auburn Glaze
Auburn Glaze, #B58271: rgb(181 130 113), hsl(15 31% 58%), oklch(0.653 0.068 39.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Auburn Glaze color name →
#B58271
oklch(0.653 0.068 39.2)
Renk dönüşümleri
- HEX
- #b58271
- RGB
- rgb(181 130 113)
- HSL
- hsl(15 31% 58%)
- HWB
- hwb(15 44% 29%)
- OKLCH
- oklch(0.653 0.068 39.2)
- OKLab
- oklab(0.653 0.053 0.043)
- CIE Lab
- lab(59.24 18.63 17.43)
- LCH
- lch(59.24 25.51 43.1)
- CMYK
- cmyk(0% 28% 38% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BD8E7F
- C49A8C
- CCA69A
- D3B3A8
- DBBFB6
- E2CCC4
- EAD8D3
- F1E5E1
- F8F2F0
Koyu tonlar
- 9D7061
- 865F52
- 6F4E43
- 593E35
- 442F27
- 30201A
- 1D120E
- 0C0604
- 020101
Gri tonlar
- B08273
- AB8274
- A68276
- A08277
- 9B8179
- 96817A
- 90817C
- 8B817D
- 86807F
Renk uyumları
Tamamlayıcı +180°
- B58271
Auburn Glaze
- 5E9AAD
≈ Pyjama Blue
Analog -30° +30°
- B58271
Auburn Glaze
- B57F87
≈ Rennie’s Rose
- AC8962
≈ Roman Coin
Üçlü +120° +240°
- B58271
Auburn Glaze
- 6B9D81
≈ Scotch Lassie
- 878CBA
≈ Soft Blue Lavender
Bölünmüş tamamlayıcı +150° +210°
- B58271
Auburn Glaze
- 5C9E99
≈ Caulerpa Lentillifera
- 7094B8
≈ Bluebird’s Belly
Dörtlü +90° +180° +270°
- B58271
Auburn Glaze
- 83996C
≈ Cactus Valley
- 5E9AAD
≈ Pyjama Blue
- 9C85B0
≈ Celeb City
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.28:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.39:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--auburn-glaze: #b58271;
--auburn-glaze-rgb: 181 130 113;
--auburn-glaze-oklch: oklch(0.653 0.068 39.2);
}
.element {
color: var(--auburn-glaze);
background-color: hsl(15 31% 58%);
border-color: oklch(0.653 0.068 39.2);
}Tailwind CSS v4
@theme {
--color-auburn-glaze: #b58271;
--color-auburn-glaze-50: #ffefe6;
--color-auburn-glaze-100: #fde1d7;
--color-auburn-glaze-200: #efcbbe;
--color-auburn-glaze-300: #d7ac9d;
--color-auburn-glaze-400: #c39181;
--color-auburn-glaze-500: #ae7764;
--color-auburn-glaze-600: #936555;
--color-auburn-glaze-700: #765044;
--color-auburn-glaze-800: #573a31;
--color-auburn-glaze-900: #3d2822;
--color-auburn-glaze-950: #261611;
}SCSS
$auburn-glaze: #b58271;
$auburn-glaze-rgb: 181, 130, 113;
$auburn-glaze-light: mix(#fff, $auburn-glaze, 20%);
$auburn-glaze-dark: mix(#000, $auburn-glaze, 20%);
.element {
color: $auburn-glaze;
box-shadow: 0 0 0 2px rgba($auburn-glaze, 0.35);
}