Cor nomeada · #C0AF92
Rock Cliffs
Rock Cliffs é #C0AF92: rgb(192 175 146), hsl(38 27% 66%), oklch(0.761 0.044 81). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Rock Cliffs color name →
#C0AF92
oklch(0.761 0.044 81)
Conversões de cor
- HEX
- #c0af92
- RGB
- rgb(192 175 146)
- HSL
- hsl(38 27% 66%)
- HWB
- hwb(38 57% 25%)
- OKLCH
- oklch(0.761 0.044 81)
- OKLab
- oklab(0.761 0.007 0.044)
- CIE Lab
- lab(72.36 2.91 17.27)
- LCH
- lch(72.36 17.51 80.4)
- CMYK
- cmyk(0% 9% 24% 25%)
Tons claros · Sombras · Tons
Tons claros
- C6B79D
- CCBFA7
- D3C7B2
- D9CEBD
- DFD6C8
- E6DED3
- ECE7DE
- F2EFE9
- F9F7F4
Sombras
- A7987E
- 8E816B
- 766B58
- 5F5646
- 494135
- 342E25
- 201C16
- 0E0B08
- 020101
Tons
- B9AA90
- B3A58F
- ACA18D
- A69C8B
- 9F9789
- 999388
- 938E86
- 8C8984
- 868582
Harmonias de cor
Complementar +180°
- C0AF92
Rock Cliffs
- A2B2CE
≈ Kentucky Blue
Análoga -30° +30°
- C0AF92
Rock Cliffs
- C9AA98
≈ Pinky Beige
- B2B494
≈ Plymouth Green
Tríade +120° +240°
- C0AF92
Rock Cliffs
- 91BABD
≈ Watchet
- BFA9C3
≈ Linnea Blossom
Complementar dividida +150° +210°
- C0AF92
Rock Cliffs
- 96B7C9
≈ Respite
- B1ADCC
≈ Lavender Dream
Tétrade +90° +180° +270°
- C0AF92
Rock Cliffs
- 96BBAE
≈ Moncur
- A2B2CE
≈ Kentucky Blue
- C9A6B5
≈ Fragrant Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.14:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.78:1 · APCA Lc 60
Melhor cor de texto: #000000
WCAG 9.78:1 (AAA) · APCA Lc 60
Contrast pairs
Trechos de código
CSS
:root {
--rock-cliffs: #c0af92;
--rock-cliffs-rgb: 192 175 146;
--rock-cliffs-oklch: oklch(0.761 0.044 81);
}
.element {
color: var(--rock-cliffs);
background-color: hsl(38 27% 66%);
border-color: oklch(0.761 0.044 81);
}Tailwind CSS v4
@theme {
--color-rock-cliffs: #c0af92;
--color-rock-cliffs-50: #fbf4e7;
--color-rock-cliffs-100: #efe7d8;
--color-rock-cliffs-200: #ded3bf;
--color-rock-cliffs-300: #c3b69e;
--color-rock-cliffs-400: #ac9c81;
--color-rock-cliffs-500: #958465;
--color-rock-cliffs-600: #7e6f56;
--color-rock-cliffs-700: #655944;
--color-rock-cliffs-800: #4b4131;
--color-rock-cliffs-900: #342d21;
--color-rock-cliffs-950: #1f1a11;
}SCSS
$rock-cliffs: #c0af92;
$rock-cliffs-rgb: 192, 175, 146;
$rock-cliffs-light: mix(#fff, $rock-cliffs, 20%);
$rock-cliffs-dark: mix(#000, $rock-cliffs, 20%);
.element {
color: $rock-cliffs;
box-shadow: 0 0 0 2px rgba($rock-cliffs, 0.35);
}