Nazwany kolor · #C5BAAA
Castle Path
Castle Path to #C5BAAA: rgb(197 186 170), hsl(36 19% 72%), oklch(0.794 0.025 77.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Castle Path color name →
#C5BAAA
oklch(0.794 0.025 77.4)
Konwersje koloru
- HEX
- #c5baaa
- RGB
- rgb(197 186 170)
- HSL
- hsl(36 19% 72%)
- HWB
- hwb(36 67% 23%)
- OKLCH
- oklch(0.794 0.025 77.4)
- OKLab
- oklab(0.794 0.006 0.025)
- CIE Lab
- lab(76.11 2.01 9.61)
- LCH
- lch(76.11 9.82 78.2)
- CMYK
- cmyk(0% 6% 14% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBC1B2
- D0C8BB
- D6CEC3
- DCD5CB
- E2DCD4
- E8E3DC
- EDEAE5
- F3F1EE
- F9F8F6
Odcienie ciemniejsze
- ABA193
- 92897D
- 797268
- 615C53
- 4B463F
- 35322D
- 211E1B
- 0E0D0B
- 020201
Tony
- BEB4A6
- B7AEA1
- B0A89D
- A9A299
- A29D95
- 9B9791
- 94918C
- 8D8B88
- 878684
Harmonie kolorów
Komplementarna +180°
- C5BAAA
Castle Path
- B2BDCC
≈ Stainless Steel
Analogowa -30° +30°
- C5BAAA
Castle Path
- CAB7AE
≈ Grey Mauve
- BDBDAB
≈ Sapless Green
Triada +120° +240°
- C5BAAA
Castle Path
- AAC1C1
≈ Glacier Blue
- C3B7C7
≈ Pink Bravado
Komplementarna rozszczepiona +150° +210°
- C5BAAA
Castle Path
- ACBFC9
≈ Bright Chambray
- BABACC
≈ Cosmic
Tetrada +90° +180° +270°
- C5BAAA
Castle Path
- ADC1B8
≈ April Thicket
- B2BDCC
≈ Stainless Steel
- C9B5BF
≈ High Society
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.91:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.97:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--castle-path: #c5baaa;
--castle-path-rgb: 197 186 170;
--castle-path-oklch: oklch(0.794 0.025 77.4);
}
.element {
color: var(--castle-path);
background-color: hsl(36 19% 72%);
border-color: oklch(0.794 0.025 77.4);
}Tailwind CSS v4
@theme {
--color-castle-path: #c5baaa;
--color-castle-path-50: #f9f4ed;
--color-castle-path-100: #ece7df;
--color-castle-path-200: #dad3c8;
--color-castle-path-300: #beb6a9;
--color-castle-path-400: #a79d8e;
--color-castle-path-500: #908474;
--color-castle-path-600: #7a7062;
--color-castle-path-700: #615a4e;
--color-castle-path-800: #484139;
--color-castle-path-900: #322d27;
--color-castle-path-950: #1e1a15;
}SCSS
$castle-path: #c5baaa;
$castle-path-rgb: 197, 186, 170;
$castle-path-light: mix(#fff, $castle-path, 20%);
$castle-path-dark: mix(#000, $castle-path, 20%);
.element {
color: $castle-path;
box-shadow: 0 0 0 2px rgba($castle-path, 0.35);
}