Nazwany kolor · #C3A598
Cosy Blanket
Cosy Blanket to #C3A598: rgb(195 165 152), hsl(18 26% 68%), oklch(0.745 0.04 44.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Cosy Blanket color name →
#C3A598
oklch(0.745 0.04 44.8)
Konwersje koloru
- HEX
- #c3a598
- RGB
- rgb(195 165 152)
- HSL
- hsl(18 26% 68%)
- HWB
- hwb(18 60% 24%)
- OKLCH
- oklch(0.745 0.04 44.8)
- OKLab
- oklab(0.745 0.028 0.028)
- CIE Lab
- lab(70.19 9.84 11.06)
- LCH
- lch(70.19 14.81 48.4)
- CMYK
- cmyk(0% 15% 22% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9AEA2
- CFB7AC
- D5BFB6
- DBC8C0
- E1D1CA
- E7DAD5
- EDE3DF
- F3EDEA
- F9F6F4
Odcienie ciemniejsze
- A98F84
- 907970
- 78655C
- 60514A
- 4A3D38
- 342B27
- 201A17
- 0E0A08
- 020101
Tony
- BCA196
- B59E93
- AF9A91
- A8968E
- A1928C
- 9B8F8A
- 948B87
- 8D8785
- 878482
Harmonie kolorów
Komplementarna +180°
- C3A598
Cosy Blanket
- 92B2C0
≈ Bright Bluebonnet
Analogowa -30° +30°
- C3A598
Cosy Blanket
- C4A3A4
≈ Pale Mauve
- BCA991
≈ Open Canyon
Triada +120° +240°
- C3A598
Cosy Blanket
- 96B5A6
≈ Nile River
- A9A9C5
≈ Cosmic Sky
Komplementarna rozszczepiona +150° +210°
- C3A598
Cosy Blanket
- 90B5B4
≈ Artful Aqua
- 9CAEC6
≈ Satin Soft Blue
Tetrada +90° +180° +270°
- C3A598
Cosy Blanket
- A2B299
≈ Banksia
- 92B2C0
≈ Bright Bluebonnet
- B6A5BE
≈ Transparent Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.15:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.15:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--cosy-blanket: #c3a598;
--cosy-blanket-rgb: 195 165 152;
--cosy-blanket-oklch: oklch(0.745 0.04 44.8);
}
.element {
color: var(--cosy-blanket);
background-color: hsl(18 26% 68%);
border-color: oklch(0.745 0.04 44.8);
}Tailwind CSS v4
@theme {
--color-cosy-blanket: #c3a598;
--color-cosy-blanket-50: #fff2ec;
--color-cosy-blanket-100: #f4e4dd;
--color-cosy-blanket-200: #e4d0c6;
--color-cosy-blanket-300: #cab2a6;
--color-cosy-blanket-400: #b4988b;
--color-cosy-blanket-500: #9e7e71;
--color-cosy-blanket-600: #856b60;
--color-cosy-blanket-700: #6b554c;
--color-cosy-blanket-800: #4f3e37;
--color-cosy-blanket-900: #372b26;
--color-cosy-blanket-950: #221814;
}SCSS
$cosy-blanket: #c3a598;
$cosy-blanket-rgb: 195, 165, 152;
$cosy-blanket-light: mix(#fff, $cosy-blanket, 20%);
$cosy-blanket-dark: mix(#000, $cosy-blanket, 20%);
.element {
color: $cosy-blanket;
box-shadow: 0 0 0 2px rgba($cosy-blanket, 0.35);
}