이름 색상 · #CBA97E
Stonebriar
Stonebriar은(는) #CBA97E: rgb(203 169 126), hsl(34 43% 65%), oklch(0.755 0.07 73). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Stonebriar color name →
#CBA97E
oklch(0.755 0.07 73)
색상 변환
- HEX
- #cba97e
- RGB
- rgb(203 169 126)
- HSL
- hsl(34 43% 65%)
- HWB
- hwb(34 49% 20%)
- OKLCH
- oklch(0.755 0.07 73)
- OKLab
- oklab(0.755 0.021 0.067)
- CIE Lab
- lab(71.55 8.45 27.12)
- LCH
- lch(71.55 28.41 72.7)
- CMYK
- cmyk(0% 17% 38% 20%)
틴트 · 셰이드 · 톤
틴트
- D0B18B
- D6BA98
- DBC2A4
- E0CBB1
- E5D4BE
- EADCCB
- F0E5D8
- F5EEE5
- FAF6F2
셰이드
- B0926D
- 967C5C
- 7D674C
- 65533C
- 4D3F2D
- 372C1F
- 221B11
- 0F0A05
- 020101
톤
- C3A57F
- BCA17F
- B49D80
- AD9980
- A59580
- 9E9080
- 968C80
- 8F8880
- 878480
색 조화
보색 +180°
- CBA97E
Stonebriar
- 90B3DB
≈ Echo Isles Water
유사색 -30° +30°
- CBA97E
Stonebriar
- D6A28C
≈ Shetland Pony
- B7B27E
≈ Leek Powder
삼각 배색 +120° +240°
- CBA97E
Stonebriar
- 79BEBC
≈ Gentle Wave
- BFA3D0
≈ Lucius Lilac
분열 보색 +150° +210°
- CBA97E
Stonebriar
- 7DBAD0
≈ Petit Four
- A9AADB
≈ Childish Wonder
사각 배색 +90° +180° +270°
- CBA97E
Stonebriar
- 86BEA3
≈ Baby Cake
- 90B3DB
≈ Echo Isles Water
- D09EBB
≈ Sweet Perfume
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.51:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--stonebriar: #cba97e;
--stonebriar-rgb: 203 169 126;
--stonebriar-oklch: oklch(0.755 0.07 73);
}
.element {
color: var(--stonebriar);
background-color: hsl(34 43% 65%);
border-color: oklch(0.755 0.07 73);
}Tailwind CSS v4
@theme {
--color-stonebriar: #cba97e;
--color-stonebriar-50: #fff3e0;
--color-stonebriar-100: #f6e5cf;
--color-stonebriar-200: #e6d1b4;
--color-stonebriar-300: #cdb390;
--color-stonebriar-400: #b89870;
--color-stonebriar-500: #a37f50;
--color-stonebriar-600: #896c45;
--color-stonebriar-700: #6e5637;
--color-stonebriar-800: #523e27;
--color-stonebriar-900: #392b1a;
--color-stonebriar-950: #23180a;
}SCSS
$stonebriar: #cba97e;
$stonebriar-rgb: 203, 169, 126;
$stonebriar-light: mix(#fff, $stonebriar, 20%);
$stonebriar-dark: mix(#000, $stonebriar, 20%);
.element {
color: $stonebriar;
box-shadow: 0 0 0 2px rgba($stonebriar, 0.35);
}