Adlandırılmış renk · #C8C197
Parlour Sage
Parlour Sage, #C8C197: rgb(200 193 151), hsl(51 31% 69%), oklch(0.806 0.057 99.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Parlour Sage color name →
#C8C197
oklch(0.806 0.057 99.6)
Renk dönüşümleri
- HEX
- #c8c197
- RGB
- rgb(200 193 151)
- HSL
- hsl(51 31% 69%)
- HWB
- hwb(51 59% 22%)
- OKLCH
- oklch(0.806 0.057 99.6)
- OKLab
- oklab(0.806 -0.01 0.056)
- CIE Lab
- lab(77.85 -2.42 22.17)
- LCH
- lch(77.85 22.31 96.2)
- CMYK
- cmyk(0% 4% 25% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDC7A1
- D3CDAC
- D8D3B6
- DEDAC0
- E3E0CB
- E9E6D5
- EEECDF
- F4F2EA
- F9F9F4
Koyu tonlar
- AEA783
- 948F6F
- 7B775C
- 635F49
- 4C4937
- 363426
- 212017
- 0F0E08
- 020201
Gri tonlar
- C1BA95
- B9B493
- B2AD91
- AAA78E
- A3A08C
- 9C9A8A
- 959387
- 8E8D85
- 878683
Renk uyumları
Tamamlayıcı +180°
- C8C197
Parlour Sage
- B8BCE5
≈ Pretty Posie
Analog -30° +30°
- C8C197
Parlour Sage
- D8BA98
≈ Wheat Toast
- B4C7A1
≈ Freshwater Green
Üçlü +120° +240°
- C8C197
Parlour Sage
- 97C9D9
≈ Soothing Blue
- DAB2CB
≈ Purple Poodle
Bölünmüş tamamlayıcı +150° +210°
- C8C197
Parlour Sage
- A4C3E4
≈ Promise
- CBB6DC
≈ Viking Diva
Dörtlü +90° +180° +270°
- C8C197
Parlour Sage
- 95CCC7
≈ Jamaica Bay
- B8BCE5
≈ Pretty Posie
- E1B1B7
≈ Sakura
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.53:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--parlour-sage: #c8c197;
--parlour-sage-rgb: 200 193 151;
--parlour-sage-oklch: oklch(0.806 0.057 99.6);
}
.element {
color: var(--parlour-sage);
background-color: hsl(51 31% 69%);
border-color: oklch(0.806 0.057 99.6);
}Tailwind CSS v4
@theme {
--color-parlour-sage: #c8c197;
--color-parlour-sage-50: #f8f6e4;
--color-parlour-sage-100: #ebe9d4;
--color-parlour-sage-200: #d9d6ba;
--color-parlour-sage-300: #bdb998;
--color-parlour-sage-400: #a6a079;
--color-parlour-sage-500: #8f875b;
--color-parlour-sage-600: #79734d;
--color-parlour-sage-700: #615c3e;
--color-parlour-sage-800: #48432c;
--color-parlour-sage-900: #322e1d;
--color-parlour-sage-950: #1e1b0d;
}SCSS
$parlour-sage: #c8c197;
$parlour-sage-rgb: 200, 193, 151;
$parlour-sage-light: mix(#fff, $parlour-sage, 20%);
$parlour-sage-dark: mix(#000, $parlour-sage, 20%);
.element {
color: $parlour-sage;
box-shadow: 0 0 0 2px rgba($parlour-sage, 0.35);
}