Nazwany kolor · #C6B8B4
Georgian Pink
Georgian Pink to #C6B8B4: rgb(198 184 180), hsl(13 14% 74%), oklch(0.793 0.017 36.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Georgian Pink color name →
#C6B8B4
oklch(0.793 0.017 36.5)
Konwersje koloru
- HEX
- #c6b8b4
- RGB
- rgb(198 184 180)
- HSL
- hsl(13 14% 74%)
- HWB
- hwb(13 71% 22%)
- OKLCH
- oklch(0.793 0.017 36.5)
- OKLab
- oklab(0.793 0.014 0.01)
- CIE Lab
- lab(75.88 4.62 3.92)
- LCH
- lch(75.88 6.06 40.3)
- CMYK
- cmyk(0% 7% 9% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCBFBB
- D1C6C3
- D7CDCA
- DDD4D1
- E2DBD9
- E8E2E0
- EEE9E8
- F3F0F0
- F9F8F7
Odcienie ciemniejsze
- ACA09C
- 928885
- 7A716E
- 625B58
- 4B4544
- 353130
- 211E1D
- 0E0C0C
- 020202
Tony
- BFB2AF
- B8ADA9
- B0A7A4
- A9A19F
- A29C9A
- 9B9694
- 94908F
- 8E8B8A
- 878585
Harmonie kolorów
Komplementarna +180°
- C6B8B4
Georgian Pink
- B0BEC3
≈ Artisan Blue
Analogowa -30° +30°
- C6B8B4
Georgian Pink
- C6B7BA
≈ Studio Mauve
- C3BAB0
≈ Luxe Grey
Triada +120° +240°
- C6B8B4
Georgian Pink
- B3BFB7
≈ Wet Ash
- B8BBC7
≈ Silverado Trail
Komplementarna rozszczepiona +150° +210°
- C6B8B4
Georgian Pink
- B0BFBD
≈ Greenwich Village
- B3BDC6
≈ Stainless Steel
Tetrada +90° +180° +270°
- C6B8B4
Georgian Pink
- B9BEB2
≈ Hazel Gaze
- B0BEC3
≈ Artisan Blue
- BEB9C4
≈ Titanium Man
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.92:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.91:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--georgian-pink: #c6b8b4;
--georgian-pink-rgb: 198 184 180;
--georgian-pink-oklch: oklch(0.793 0.017 36.5);
}
.element {
color: var(--georgian-pink);
background-color: hsl(13 14% 74%);
border-color: oklch(0.793 0.017 36.5);
}Tailwind CSS v4
@theme {
--color-georgian-pink: #c6b8b4;
--color-georgian-pink-50: #faf4f2;
--color-georgian-pink-100: #ede6e4;
--color-georgian-pink-200: #dbd2cf;
--color-georgian-pink-300: #c0b5b1;
--color-georgian-pink-400: #a89b97;
--color-georgian-pink-500: #91837e;
--color-georgian-pink-600: #7b6e6b;
--color-georgian-pink-700: #625856;
--color-georgian-pink-800: #48403e;
--color-georgian-pink-900: #322c2b;
--color-georgian-pink-950: #1e1918;
}SCSS
$georgian-pink: #c6b8b4;
$georgian-pink-rgb: 198, 184, 180;
$georgian-pink-light: mix(#fff, $georgian-pink, 20%);
$georgian-pink-dark: mix(#000, $georgian-pink, 20%);
.element {
color: $georgian-pink;
box-shadow: 0 0 0 2px rgba($georgian-pink, 0.35);
}