Nazwany kolor · #C9C7B6
Palatine
Palatine to #C9C7B6: rgb(201 199 182), hsl(54 15% 75%), oklch(0.827 0.023 101.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Palatine color name →
#C9C7B6
oklch(0.827 0.023 101.4)
Konwersje koloru
- HEX
- #c9c7b6
- RGB
- rgb(201 199 182)
- HSL
- hsl(54 15% 75%)
- HWB
- hwb(54 71% 21%)
- OKLCH
- oklch(0.827 0.023 101.4)
- OKLab
- oklab(0.827 -0.005 0.023)
- CIE Lab
- lab(80.05 -1.49 8.81)
- LCH
- lch(80.05 8.93 99.6)
- CMYK
- cmyk(0% 1% 9% 21%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CECCBD
- D4D2C4
- D9D8CC
- DEDDD3
- E4E3DA
- E9E8E1
- EFEEE9
- F4F4F0
- F9F9F8
Odcienie ciemniejsze
- AEAD9E
- 959386
- 7C7A6F
- 646259
- 4C4C44
- 363630
- 22211D
- 0F0E0C
- 020202
Tony
- C1C0B0
- BAB8AB
- B2B1A6
- ABAAA0
- A4A39B
- 9C9C95
- 959590
- 8E8E8B
- 878785
Harmonie kolorów
Komplementarna +180°
- C9C7B6
Palatine
- C3C5D6
≈ Tulip Soft Blue
Analogowa -30° +30°
- C9C7B6
Palatine
- D0C4B6
≈ Sunray Venus
- C1CABA
≈ Desert Panzer
Triada +120° +240°
- C9C7B6
Palatine
- B7CAD1
≈ Adorbs
- D2C1CB
≈ Bassinet
Komplementarna rozszczepiona +150° +210°
- C9C7B6
Palatine
- BCC8D5
≈ Journey’s End
- CBC2D2
≈ Powder Viola
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.32:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--palatine: #c9c7b6;
--palatine-rgb: 201 199 182;
--palatine-oklch: oklch(0.827 0.023 101.4);
}
.element {
color: var(--palatine);
background-color: hsl(54 15% 75%);
border-color: oklch(0.827 0.023 101.4);
}Tailwind CSS v4
@theme {
--color-palatine: #c9c7b6;
--color-palatine-50: #f6f6ee;
--color-palatine-100: #e9e8e0;
--color-palatine-200: #d6d5ca;
--color-palatine-300: #b9b8ab;
--color-palatine-400: #a19f90;
--color-palatine-500: #898775;
--color-palatine-600: #747264;
--color-palatine-700: #5d5b4f;
--color-palatine-800: #44433a;
--color-palatine-900: #2f2e27;
--color-palatine-950: #1c1b16;
}SCSS
$palatine: #c9c7b6;
$palatine-rgb: 201, 199, 182;
$palatine-light: mix(#fff, $palatine, 20%);
$palatine-dark: mix(#000, $palatine, 20%);
.element {
color: $palatine;
box-shadow: 0 0 0 2px rgba($palatine, 0.35);
}