이름 색상 · #CB7D6F
Canyon Clay
Canyon Clay은(는) #CB7D6F: rgb(203 125 111), hsl(9 47% 62%), oklch(0.669 0.1 30.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Canyon Clay color name →
#CB7D6F
oklch(0.669 0.1 30.9)
색상 변환
- HEX
- #cb7d6f
- RGB
- rgb(203 125 111)
- HSL
- hsl(9 47% 62%)
- HWB
- hwb(9 44% 20%)
- OKLCH
- oklch(0.669 0.1 30.9)
- OKLab
- oklab(0.669 0.086 0.051)
- CIE Lab
- lab(60.74 29.97 21.13)
- LCH
- lch(60.74 36.67 35.2)
- CMYK
- cmyk(0% 38% 45% 20%)
틴트 · 셰이드 · 톤
틴트
- D18A7D
- D7978B
- DDA499
- E2B1A7
- E8BDB5
- EDCAC4
- F2D7D2
- F6E5E1
- FBF2F0
셰이드
- B06C60
- 965B51
- 7D4B42
- 653B34
- 4D2C27
- 371E1A
- 22110E
- 0F0504
- 020101
톤
- C47E71
- BD7E73
- B57F75
- AE7F76
- A78078
- 9F807A
- 98807B
- 90807D
- 88807F
색 조화
보색 +180°
- CB7D6F
Canyon Clay
- 37A5B8
≈ Sparkling Cove
유사색 -30° +30°
- CB7D6F
Canyon Clay
- C87A91
≈ Watermelon Pink
- C28652
≈ Butter Rum
삼각 배색 +120° +240°
- CB7D6F
Canyon Clay
- 65A775
≈ Aqua Forest
- 7E91D3
≈ Mood Mode
분열 보색 +150° +210°
- CB7D6F
Canyon Clay
- 3EA998
≈ Jewel Weed
- 589DCD
≈ Blue Iguana
사각 배색 +90° +180° +270°
- CB7D6F
Canyon Clay
- 8C9E56
≈ Yanagizome Green
- 37A5B8
≈ Sparkling Cove
- 9F86C9
≈ Lilac Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.13:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.70:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--canyon-clay: #cb7d6f;
--canyon-clay-rgb: 203 125 111;
--canyon-clay-oklch: oklch(0.669 0.1 30.9);
}
.element {
color: var(--canyon-clay);
background-color: hsl(9 47% 62%);
border-color: oklch(0.669 0.1 30.9);
}Tailwind CSS v4
@theme {
--color-canyon-clay: #cb7d6f;
--color-canyon-clay-50: #ffece3;
--color-canyon-clay-100: #ffddd3;
--color-canyon-clay-200: #fcc5b9;
--color-canyon-clay-300: #e6a597;
--color-canyon-clay-400: #d3887a;
--color-canyon-clay-500: #bf6b5d;
--color-canyon-clay-600: #a25b4f;
--color-canyon-clay-700: #82493f;
--color-canyon-clay-800: #60342e;
--color-canyon-clay-900: #44241f;
--color-canyon-clay-950: #2b120f;
}SCSS
$canyon-clay: #cb7d6f;
$canyon-clay-rgb: 203, 125, 111;
$canyon-clay-light: mix(#fff, $canyon-clay, 20%);
$canyon-clay-dark: mix(#000, $canyon-clay, 20%);
.element {
color: $canyon-clay;
box-shadow: 0 0 0 2px rgba($canyon-clay, 0.35);
}