Nazwany kolor · #CC855A
Shamanic Journey
Shamanic Journey to #CC855A: rgb(204 133 90), hsl(23 53% 58%), oklch(0.681 0.105 51.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Shamanic Journey color name →
#CC855A
oklch(0.681 0.105 51.4)
Konwersje koloru
- HEX
- #cc855a
- RGB
- rgb(204 133 90)
- HSL
- hsl(23 53% 58%)
- HWB
- hwb(23 35% 20%)
- OKLCH
- oklch(0.681 0.105 51.4)
- OKLab
- oklab(0.681 0.066 0.082)
- CIE Lab
- lab(62.4 24.85 34.83)
- LCH
- lch(62.4 42.78 54.5)
- CMYK
- cmyk(0% 35% 56% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2916B
- D89D7B
- DDA98B
- E2B69C
- E8C2AC
- EDCEBC
- F1DACD
- F6E6DD
- FBF3EE
Odcienie ciemniejsze
- B1734D
- 976141
- 7E5035
- 654029
- 4E301E
- 372113
- 221309
- 0F0603
- 020100
Tony
- C5855F
- BD8563
- B68468
- AE846C
- A7846F
- 9F8373
- 988276
- 90827A
- 88817D
Harmonie kolorów
Komplementarna +180°
- CC855A
Shamanic Journey
- 4AA4CE
≈ Sea Ridge
Analogowa -30° +30°
- CC855A
Shamanic Journey
- D27D7C
≈ Hearts Afire
- B99146
≈ Fervent Brass
Triada +120° +240°
- CC855A
Shamanic Journey
- 47AD90
≈ Hole in One
- 998CD4
≈ Adora
Komplementarna rozszczepiona +150° +210°
- CC855A
Shamanic Journey
- 2EABB3
≈ Tempo
- 7498DA
≈ Sea Loch
Tetrada +90° +180° +270°
- CC855A
Shamanic Journey
- 73A96B
≈ Happy Cricket
- 4AA4CE
≈ Sea Ridge
- B682C0
≈ Lavender Sweater
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.97:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.07:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--shamanic-journey: #cc855a;
--shamanic-journey-rgb: 204 133 90;
--shamanic-journey-oklch: oklch(0.681 0.105 51.4);
}
.element {
color: var(--shamanic-journey);
background-color: hsl(23 53% 58%);
border-color: oklch(0.681 0.105 51.4);
}Tailwind CSS v4
@theme {
--color-shamanic-journey: #cc855a;
--color-shamanic-journey-50: #ffeeda;
--color-shamanic-journey-100: #ffdfc8;
--color-shamanic-journey-200: #f9c9ab;
--color-shamanic-journey-300: #e3a985;
--color-shamanic-journey-400: #d08c63;
--color-shamanic-journey-500: #bc7040;
--color-shamanic-journey-600: #9f5f37;
--color-shamanic-journey-700: #804c2c;
--color-shamanic-journey-800: #5f371f;
--color-shamanic-journey-900: #432515;
--color-shamanic-journey-950: #2b1406;
}SCSS
$shamanic-journey: #cc855a;
$shamanic-journey-rgb: 204, 133, 90;
$shamanic-journey-light: mix(#fff, $shamanic-journey, 20%);
$shamanic-journey-dark: mix(#000, $shamanic-journey, 20%);
.element {
color: $shamanic-journey;
box-shadow: 0 0 0 2px rgba($shamanic-journey, 0.35);
}