Nazwany kolor · #C5D2B1
Hidden Hills
Hidden Hills to #C5D2B1: rgb(197 210 177), hsl(84 27% 76%), oklch(0.845 0.047 124.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Hidden Hills color name →
#C5D2B1
oklch(0.845 0.047 124.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBD6B9
- D0DBC0
- D6DFC8
- DCE4D0
- E2E8D8
- E7EDDF
- EDF1E7
- F3F6EF
- F9FAF7
Odcienie ciemniejsze
- ABB699
- 929B83
- 79816C
- 616857
- 4B5042
- 35392F
- 21241C
- 0E100C
- 020201
Tony
- BECAAC
- B7C1A7
- B0B9A2
- A9B09D
- A2A898
- 9BA094
- 94988F
- 8D908A
- 878885
Harmonie kolorów
Komplementarna +180°
- C5D2B1
Hidden Hills
- D3C5E5
≈ Foggy Love
Analogowa -30° +30°
- C5D2B1
Hidden Hills
- D5CCAA
≈ Dance With the Wind
- B5D6BF
≈ Frosted Fir
Triada +120° +240°
- C5D2B1
Hidden Hills
- B3D0E9
≈ Vive le Vent
- E8C0C8
≈ Primrose Pink
Komplementarna rozszczepiona +150° +210°
- C5D2B1
Hidden Hills
- C3CAEB
≈ Powdered Granite
- E0C1D8
≈ Plum Taffy
Tetrada +90° +180° +270°
- C5D2B1
Hidden Hills
- AAD5DF
≈ Light Sea Spray
- D3C5E5
≈ Foggy Love
- E9C2B8
≈ Mellow Marrow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.22:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}