Nazwany kolor · #C49CA5
Casa Talec
Casa Talec to #C49CA5: rgb(196 156 165), hsl(347 25% 69%), oklch(0.732 0.049 3.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Casa Talec color name →
#C49CA5
oklch(0.732 0.049 3.3)
Konwersje koloru
- HEX
- #c49ca5
- RGB
- rgb(196 156 165)
- HSL
- hsl(347 25% 69%)
- HWB
- hwb(347 61% 23%)
- OKLCH
- oklch(0.732 0.049 3.3)
- OKLab
- oklab(0.732 0.049 0.003)
- CIE Lab
- lab(68.31 16.38 1.26)
- LCH
- lch(68.31 16.42 4.4)
- CMYK
- cmyk(0% 20% 16% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAA6AE
- D0AFB6
- D6B9BF
- DCC3C8
- E2CDD1
- E8D7DA
- EEE1E3
- F3EBEC
- F9F5F6
Odcienie ciemniejsze
- AA878F
- 917379
- 785F65
- 614C51
- 4A393D
- 35282B
- 21181A
- 0E090A
- 020101
Tony
- BD99A1
- B6969D
- AF949A
- A99196
- A28E92
- 9B8B8F
- 94888B
- 8E8687
- 878384
Harmonie kolorów
Komplementarna +180°
- C49CA5
Casa Talec
- 86B3AB
≈ Silicate Green
Analogowa -30° +30°
- C49CA5
Casa Talec
- BC9DB6
≈ Fiddlesticks
- C59E95
≈ Cabbage Rose
Triada +120° +240°
- C49CA5
Casa Talec
- A2AE8C
≈ Filigree Green
- 8EADC5
≈ Chilly Blue
Komplementarna rozszczepiona +150° +210°
- C49CA5
Casa Talec
- 91B29A
≈ Andean Slate
- 85B1BB
≈ Open Seas
Tetrada +90° +180° +270°
- C49CA5
Casa Talec
- B3A886
≈ Crocker Grove
- 86B3AB
≈ Silicate Green
- 9EA7C8
≈ Brunnera Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.64:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--casa-talec: #c49ca5;
--casa-talec-rgb: 196 156 165;
--casa-talec-oklch: oklch(0.732 0.049 3.3);
}
.element {
color: var(--casa-talec);
background-color: hsl(347 25% 69%);
border-color: oklch(0.732 0.049 3.3);
}Tailwind CSS v4
@theme {
--color-casa-talec: #c49ca5;
--color-casa-talec-50: #fff0f3;
--color-casa-talec-100: #f7e2e5;
--color-casa-talec-200: #e8ccd1;
--color-casa-talec-300: #cfaeb4;
--color-casa-talec-400: #b8939b;
--color-casa-talec-500: #a37983;
--color-casa-talec-600: #8a666f;
--color-casa-talec-700: #6e5258;
--color-casa-talec-800: #513b41;
--color-casa-talec-900: #39292d;
--color-casa-talec-950: #23171a;
}SCSS
$casa-talec: #c49ca5;
$casa-talec-rgb: 196, 156, 165;
$casa-talec-light: mix(#fff, $casa-talec, 20%);
$casa-talec-dark: mix(#000, $casa-talec, 20%);
.element {
color: $casa-talec;
box-shadow: 0 0 0 2px rgba($casa-talec, 0.35);
}