Cor nomeada · #C5D2B1
Hidden Hills
Hidden Hills é #C5D2B1: rgb(197 210 177), hsl(84 27% 76%), oklch(0.845 0.047 124.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Hidden Hills color name →
#C5D2B1
oklch(0.845 0.047 124.9)
Conversões de cor
- HEX
- #c5d2b1
- RGB
- rgb(197 210 177)
- HSL
- hsl(84 27% 76%)
- HWB
- hwb(84 69% 18%)
- OKLCH
- oklch(0.845 0.047 124.9)
- OKLab
- oklab(0.845 -0.027 0.038)
- CIE Lab
- lab(82.53 -8.91 14.86)
- LCH
- lch(82.53 17.32 120.9)
- CMYK
- cmyk(6% 0% 16% 18%)
Tons claros · Sombras · Tons
Tons claros
- CBD6B9
- D0DBC0
- D6DFC8
- DCE4D0
- E2E8D8
- E7EDDF
- EDF1E7
- F3F6EF
- F9FAF7
Sombras
- ABB699
- 929B83
- 79816C
- 616857
- 4B5042
- 35392F
- 21241C
- 0E100C
- 020201
Tons
- BECAAC
- B7C1A7
- B0B9A2
- A9B09D
- A2A898
- 9BA094
- 94988F
- 8D908A
- 878885
Harmonias de cor
Complementar +180°
- C5D2B1
Hidden Hills
- D3C5E5
≈ Foggy Love
Análoga -30° +30°
- C5D2B1
Hidden Hills
- D5CCAA
≈ Dance With the Wind
- B5D6BF
≈ Frosted Fir
Tríade +120° +240°
- C5D2B1
Hidden Hills
- B3D0E9
≈ Vive le Vent
- E8C0C8
≈ Primrose Pink
Complementar dividida +150° +210°
- C5D2B1
Hidden Hills
- C3CAEB
≈ Powdered Granite
- E0C1D8
≈ Plum Taffy
Tétrade +90° +180° +270°
- C5D2B1
Hidden Hills
- AAD5DF
≈ Light Sea Spray
- D3C5E5
≈ Foggy Love
- E9C2B8
≈ Mellow Marrow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.58:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.22:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--hidden-hills: #c5d2b1;
--hidden-hills-rgb: 197 210 177;
--hidden-hills-oklch: oklch(0.845 0.047 124.9);
}
.element {
color: var(--hidden-hills);
background-color: hsl(84 27% 76%);
border-color: oklch(0.845 0.047 124.9);
}Tailwind CSS v4
@theme {
--color-hidden-hills: #c5d2b1;
--color-hidden-hills-50: #f1f8ea;
--color-hidden-hills-100: #e4ebdb;
--color-hidden-hills-200: #cfd8c3;
--color-hidden-hills-300: #b1bca3;
--color-hidden-hills-400: #98a486;
--color-hidden-hills-500: #7f8c6a;
--color-hidden-hills-600: #6b765a;
--color-hidden-hills-700: #565f48;
--color-hidden-hills-800: #3f4533;
--color-hidden-hills-900: #2b3023;
--color-hidden-hills-950: #191c12;
}SCSS
$hidden-hills: #c5d2b1;
$hidden-hills-rgb: 197, 210, 177;
$hidden-hills-light: mix(#fff, $hidden-hills, 20%);
$hidden-hills-dark: mix(#000, $hidden-hills, 20%);
.element {
color: $hidden-hills;
box-shadow: 0 0 0 2px rgba($hidden-hills, 0.35);
}