이름 색상 · #CBB99B
Crewel Tan
Crewel Tan은(는) #CBB99B: rgb(203 185 155), hsl(38 32% 70%), oklch(0.793 0.046 80.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Crewel Tan color name →
#CBB99B
oklch(0.793 0.046 80.5)
색상 변환
- HEX
- #cbb99b
- RGB
- rgb(203 185 155)
- HSL
- hsl(38 32% 70%)
- HWB
- hwb(38 61% 20%)
- OKLCH
- oklch(0.793 0.046 80.5)
- OKLab
- oklab(0.793 0.008 0.045)
- CIE Lab
- lab(76.1 3.13 17.74)
- LCH
- lch(76.1 18.01 80)
- CMYK
- cmyk(0% 9% 24% 20%)
틴트 · 셰이드 · 톤
틴트
- D0C0A5
- D5C7AF
- DACEB9
- E0D5C2
- E5DCCC
- EAE3D6
- EFEAE0
- F4F1EB
- FAF8F5
셰이드
- B0A086
- 968972
- 7D715E
- 655B4B
- 4D4639
- 373128
- 221E18
- 0F0D09
- 020201
톤
- C3B398
- BCAD96
- B4A893
- ACA290
- A59C8E
- 9D968B
- 969188
- 8F8B86
- 878683
색 조화
보색 +180°
- CBB99B
Crewel Tan
- ABBDDA
≈ Pigeon Post
유사색 -30° +30°
- CBB99B
Crewel Tan
- D5B4A2
≈ Soba
- BCBF9D
≈ Animal Kingdom
삼각 배색 +120° +240°
- CBB99B
Crewel Tan
- 9AC5C7
≈ Favourite Sweater
- C9B3CE
≈ Elfin Herb
분열 보색 +150° +210°
- CBB99B
Crewel Tan
- 9EC2D4
≈ Angel Sol
- BBB7D7
≈ Purple Heather
사각 배색 +90° +180° +270°
- CBB99B
Crewel Tan
- 9FC6B7
≈ Lobaria Lichen
- ABBDDA
≈ Pigeon Post
- D4B0BF
≈ Kindness
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.91:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.95:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 10.95:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--crewel-tan: #cbb99b;
--crewel-tan-rgb: 203 185 155;
--crewel-tan-oklch: oklch(0.793 0.046 80.5);
}
.element {
color: var(--crewel-tan);
background-color: hsl(38 32% 70%);
border-color: oklch(0.793 0.046 80.5);
}Tailwind CSS v4
@theme {
--color-crewel-tan: #cbb99b;
--color-crewel-tan-50: #fcf4e7;
--color-crewel-tan-100: #efe7d7;
--color-crewel-tan-200: #ded3bf;
--color-crewel-tan-300: #c3b69e;
--color-crewel-tan-400: #ad9c80;
--color-crewel-tan-500: #968364;
--color-crewel-tan-600: #7f6f55;
--color-crewel-tan-700: #665944;
--color-crewel-tan-800: #4b4131;
--color-crewel-tan-900: #342d21;
--color-crewel-tan-950: #201a10;
}SCSS
$crewel-tan: #cbb99b;
$crewel-tan-rgb: 203, 185, 155;
$crewel-tan-light: mix(#fff, $crewel-tan, 20%);
$crewel-tan-dark: mix(#000, $crewel-tan, 20%);
.element {
color: $crewel-tan;
box-shadow: 0 0 0 2px rgba($crewel-tan, 0.35);
}