Nazwany kolor · #CB7D6F
Canyon Clay
Canyon Clay to #CB7D6F: rgb(203 125 111), hsl(9 47% 62%), oklch(0.669 0.1 30.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Canyon Clay color name →
#CB7D6F
oklch(0.669 0.1 30.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D18A7D
- D7978B
- DDA499
- E2B1A7
- E8BDB5
- EDCAC4
- F2D7D2
- F6E5E1
- FBF2F0
Odcienie ciemniejsze
- B06C60
- 965B51
- 7D4B42
- 653B34
- 4D2C27
- 371E1A
- 22110E
- 0F0504
- 020101
Tony
- C47E71
- BD7E73
- B57F75
- AE7F76
- A78078
- 9F807A
- 98807B
- 90807D
- 88807F
Harmonie kolorów
Komplementarna +180°
- CB7D6F
Canyon Clay
- 37A5B8
≈ Sparkling Cove
Analogowa -30° +30°
- CB7D6F
Canyon Clay
- C87A91
≈ Watermelon Pink
- C28652
≈ Butter Rum
Triada +120° +240°
- CB7D6F
Canyon Clay
- 65A775
≈ Aqua Forest
- 7E91D3
≈ Mood Mode
Komplementarna rozszczepiona +150° +210°
- CB7D6F
Canyon Clay
- 3EA998
≈ Jewel Weed
- 589DCD
≈ Blue Iguana
Tetrada +90° +180° +270°
- CB7D6F
Canyon Clay
- 8C9E56
≈ Yanagizome Green
- 37A5B8
≈ Sparkling Cove
- 9F86C9
≈ Lilac Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.70:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
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);
}