Nazwany kolor · #95827B
Castle Hill
Castle Hill to #95827B: rgb(149 130 123), hsl(16 11% 53%), oklch(0.622 0.026 41.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Castle Hill color name →
#95827B
oklch(0.622 0.026 41.3)
Konwersje koloru
- HEX
- #95827b
- RGB
- rgb(149 130 123)
- HSL
- hsl(16 11% 53%)
- HWB
- hwb(16 48% 42%)
- OKLCH
- oklch(0.622 0.026 41.3)
- OKLab
- oklab(0.622 0.019 0.017)
- CIE Lab
- lab(55.98 6.59 6.6)
- LCH
- lch(55.98 9.33 45.1)
- CMYK
- cmyk(0% 13% 17% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9F8E87
- AA9A94
- B4A6A1
- BEB2AE
- C9BFBB
- D4CBC8
- DED8D6
- E9E5E3
- F4F2F1
Odcienie ciemniejsze
- 81706A
- 6D5F5A
- 5A4E4A
- 483E3A
- 372F2C
- 26201E
- 161210
- 080605
- 010101
Tony
- 93827C
- 91827C
- 8F817D
- 8D817D
- 8B817E
- 89817E
- 86817F
- 84807F
- 828080
Harmonie kolorów
Komplementarna +180°
- 95827B
Castle Hill
- 768B92
≈ Shaker Blue
Analogowa -30° +30°
- 95827B
Castle Hill
- 958183
≈ Venetian
- 918476
≈ Marmot
Triada +120° +240°
- 95827B
Castle Hill
- 7A8C82
≈ Salty Sea
- 848596
≈ Blue Jasmine
Komplementarna rozszczepiona +150° +210°
- 95827B
Castle Hill
- 768C8A
≈ Leisure Time
- 7C8896
≈ Spartan Blue
Tetrada +90° +180° +270°
- 95827B
Castle Hill
- 818A7A
≈ Spruce Shadow
- 768B92
≈ Shaker Blue
- 8C8392
≈ Purple Ash
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.64:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.75:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--castle-hill: #95827b;
--castle-hill-rgb: 149 130 123;
--castle-hill-oklch: oklch(0.622 0.026 41.3);
}
.element {
color: var(--castle-hill);
background-color: hsl(16 11% 53%);
border-color: oklch(0.622 0.026 41.3);
}Tailwind CSS v4
@theme {
--color-castle-hill: #95827b;
--color-castle-hill-50: #fcf3ef;
--color-castle-hill-100: #f0e5e1;
--color-castle-hill-200: #ded1cc;
--color-castle-hill-300: #c3b4ad;
--color-castle-hill-400: #ac9a93;
--color-castle-hill-500: #968179;
--color-castle-hill-600: #7f6d67;
--color-castle-hill-700: #655752;
--color-castle-hill-800: #4b403c;
--color-castle-hill-900: #342c29;
--color-castle-hill-950: #1f1917;
}SCSS
$castle-hill: #95827b;
$castle-hill-rgb: 149, 130, 123;
$castle-hill-light: mix(#fff, $castle-hill, 20%);
$castle-hill-dark: mix(#000, $castle-hill, 20%);
.element {
color: $castle-hill;
box-shadow: 0 0 0 2px rgba($castle-hill, 0.35);
}