이름 색상 · #B58271
Auburn Glaze
Auburn Glaze은(는) #B58271: rgb(181 130 113), hsl(15 31% 58%), oklch(0.653 0.068 39.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Auburn Glaze color name →
#B58271
oklch(0.653 0.068 39.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- BD8E7F
- C49A8C
- CCA69A
- D3B3A8
- DBBFB6
- E2CCC4
- EAD8D3
- F1E5E1
- F8F2F0
셰이드
- 9D7061
- 865F52
- 6F4E43
- 593E35
- 442F27
- 30201A
- 1D120E
- 0C0604
- 020101
톤
- B08273
- AB8274
- A68276
- A08277
- 9B8179
- 96817A
- 90817C
- 8B817D
- 86807F
색 조화
보색 +180°
- B58271
Auburn Glaze
- 5E9AAD
≈ Pyjama Blue
유사색 -30° +30°
- B58271
Auburn Glaze
- B57F87
≈ Rennie’s Rose
- AC8962
≈ Roman Coin
삼각 배색 +120° +240°
- B58271
Auburn Glaze
- 6B9D81
≈ Scotch Lassie
- 878CBA
≈ Soft Blue Lavender
분열 보색 +150° +210°
- B58271
Auburn Glaze
- 5C9E99
≈ Caulerpa Lentillifera
- 7094B8
≈ Bluebird’s Belly
사각 배색 +90° +180° +270°
- B58271
Auburn Glaze
- 83996C
≈ Cactus Valley
- 5E9AAD
≈ Pyjama Blue
- 9C85B0
≈ Celeb City
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.28:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.39:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.39:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
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);
}