Nazwany kolor · #C5C0AC
Serene Thought
Serene Thought to #C5C0AC: rgb(197 192 172), hsl(48 18% 72%), oklch(0.806 0.028 95.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Serene Thought color name →
#C5C0AC
oklch(0.806 0.028 95.4)
Konwersje koloru
- HEX
- #c5c0ac
- RGB
- rgb(197 192 172)
- HSL
- hsl(48 18% 72%)
- HWB
- hwb(48 67% 23%)
- OKLCH
- oklch(0.806 0.028 95.4)
- OKLab
- oklab(0.806 -0.003 0.028)
- CIE Lab
- lab(77.7 -0.74 10.78)
- LCH
- lch(77.7 10.81 93.9)
- CMYK
- cmyk(0% 3% 13% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBC6B4
- D0CCBC
- D6D3C4
- DCD9CD
- E2DFD5
- E7E5DD
- EDECE6
- F3F2EE
- F9F9F6
Odcienie ciemniejsze
- ABA795
- 928E7F
- 797669
- 615F54
- 4B4940
- 35342D
- 21201B
- 0E0E0B
- 020201
Tony
- BEB9A8
- B7B3A3
- B0AC9F
- A9A69A
- A29F96
- 9B9991
- 94938D
- 8D8C89
- 878684
Harmonie kolorów
Komplementarna +180°
- C5C0AC
Serene Thought
- BABFD2
≈ Sweet Juliet
Analogowa -30° +30°
- C5C0AC
Serene Thought
- CDBDAD
≈ Mesa Tumbleweed
- BBC3B0
≈ Arbor Vitae
Triada +120° +240°
- C5C0AC
Serene Thought
- ACC5CB
≈ Blue Spruce
- CCB9C7
≈ Queen’s Violet
Komplementarna rozszczepiona +150° +210°
- C5C0AC
Serene Thought
- B2C2D1
≈ Hazy
- C4BCCF
≈ Purpling Dawn
Tetrada +90° +180° +270°
- C5C0AC
Serene Thought
- ADC6C2
≈ Peppermint Pie
- BABFD2
≈ Sweet Juliet
- D1B9BD
≈ Mediterranean Sunset
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.50:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.50:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--serene-thought: #c5c0ac;
--serene-thought-rgb: 197 192 172;
--serene-thought-oklch: oklch(0.806 0.028 95.4);
}
.element {
color: var(--serene-thought);
background-color: hsl(48 18% 72%);
border-color: oklch(0.806 0.028 95.4);
}Tailwind CSS v4
@theme {
--color-serene-thought: #c5c0ac;
--color-serene-thought-50: #f7f5ec;
--color-serene-thought-100: #eae8de;
--color-serene-thought-200: #d7d5c7;
--color-serene-thought-300: #bbb8a8;
--color-serene-thought-400: #a39f8c;
--color-serene-thought-500: #8c8672;
--color-serene-thought-600: #767260;
--color-serene-thought-700: #5e5b4d;
--color-serene-thought-800: #464238;
--color-serene-thought-900: #302e26;
--color-serene-thought-950: #1c1b14;
}SCSS
$serene-thought: #c5c0ac;
$serene-thought-rgb: 197, 192, 172;
$serene-thought-light: mix(#fff, $serene-thought, 20%);
$serene-thought-dark: mix(#000, $serene-thought, 20%);
.element {
color: $serene-thought;
box-shadow: 0 0 0 2px rgba($serene-thought, 0.35);
}