Nazwany kolor · #C2B1C5
Really Romantic
Really Romantic to #C2B1C5: rgb(194 177 197), hsl(291 15% 73%), oklch(0.781 0.034 321.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Really Romantic color name →
#C2B1C5
oklch(0.781 0.034 321.2)
Konwersje koloru
- HEX
- #c2b1c5
- RGB
- rgb(194 177 197)
- HSL
- hsl(291 15% 73%)
- HWB
- hwb(291 69% 23%)
- OKLCH
- oklch(0.781 0.034 321.2)
- OKLab
- oklab(0.781 0.026 -0.021)
- CIE Lab
- lab(74.13 9 -7.88)
- LCH
- lch(74.13 11.96 318.8)
- CMYK
- cmyk(2% 10% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8B9CB
- CEC0D0
- D4C8D6
- DAD0DC
- E0D7E2
- E6DFE8
- ECE7ED
- F3EFF3
- F9F7F9
Odcienie ciemniejsze
- A899AB
- 8F8392
- 776C79
- 605761
- 49424B
- 342F35
- 201C21
- 0E0C0E
- 020102
Tony
- BBACBE
- B4A7B7
- AEA2B0
- A79DA9
- A098A2
- 9A939B
- 938E94
- 8D8A8D
- 868587
Harmonie kolorów
Komplementarna +180°
- C2B1C5
Really Romantic
- ACBDA9
≈ Fresh Thyme
Analogowa -30° +30°
- C2B1C5
Really Romantic
- B7B4CC
≈ Soft Sky
- CAAFBA
≈ Scented Frill
Triada +120° +240°
- C2B1C5
Really Romantic
- C3B6A0
≈ Basic Khaki
- 9FBFC0
≈ Frosty Glade
Komplementarna rozszczepiona +150° +210°
- C2B1C5
Really Romantic
- B8BAA2
≈ Tickled Crow
- A3BFB5
≈ Prized Celadon
Tetrada +90° +180° +270°
- C2B1C5
Really Romantic
- CAB2A5
≈ Rose Dust
- ACBDA9
≈ Fresh Thyme
- A3BCCA
≈ Heavenly Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.38:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--really-romantic: #c2b1c5;
--really-romantic-rgb: 194 177 197;
--really-romantic-oklch: oklch(0.781 0.034 321.2);
}
.element {
color: var(--really-romantic);
background-color: hsl(291 15% 73%);
border-color: oklch(0.781 0.034 321.2);
}Tailwind CSS v4
@theme {
--color-really-romantic: #c2b1c5;
--color-really-romantic-50: #faf2fb;
--color-really-romantic-100: #eee4ee;
--color-really-romantic-200: #dcd0dd;
--color-really-romantic-300: #c0b2c2;
--color-really-romantic-400: #a898ab;
--color-really-romantic-500: #917f94;
--color-really-romantic-600: #7a6c7d;
--color-really-romantic-700: #625664;
--color-really-romantic-800: #483f4a;
--color-really-romantic-900: #322b33;
--color-really-romantic-950: #1e191f;
}SCSS
$really-romantic: #c2b1c5;
$really-romantic-rgb: 194, 177, 197;
$really-romantic-light: mix(#fff, $really-romantic, 20%);
$really-romantic-dark: mix(#000, $really-romantic, 20%);
.element {
color: $really-romantic;
box-shadow: 0 0 0 2px rgba($really-romantic, 0.35);
}