Adlandırılmış renk · #C3ACB7
Breathtaking Evening
Breathtaking Evening, #C3ACB7: rgb(195 172 183), hsl(331 16% 72%), oklch(0.767 0.03 347.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Breathtaking Evening color name →
#C3ACB7
oklch(0.767 0.03 347.3)
Renk dönüşümleri
- HEX
- #c3acb7
- RGB
- rgb(195 172 183)
- HSL
- hsl(331 16% 72%)
- HWB
- hwb(331 67% 24%)
- OKLCH
- oklch(0.767 0.03 347.3)
- OKLab
- oklab(0.767 0.03 -0.007)
- CIE Lab
- lab(72.62 10 -2.44)
- LCH
- lch(72.62 10.29 346.3)
- CMYK
- cmyk(0% 12% 6% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9B4BE
- CFBCC5
- D5C4CC
- DBCDD3
- E1D5DA
- E7DDE2
- EDE6E9
- F3EEF0
- F9F6F8
Koyu tonlar
- A9959F
- 907F87
- 786970
- 60545A
- 4A4045
- 342D31
- 201B1E
- 0E0B0C
- 020102
Gri tonlar
- BCA8B1
- B5A3AC
- AF9FA6
- A89AA1
- A1969B
- 9A9196
- 948D90
- 8D898B
- 878485
Renk uyumları
Tamamlayıcı +180°
- C3ACB7
Breathtaking Evening
- A2BAAF
≈ Silt Green
Analog -30° +30°
- C3ACB7
Breathtaking Evening
- BCAEC0
≈ Courtly Purple
- C6ACAC
≈ Pinkish Grey
Üçlü +120° +240°
- C3ACB7
Breathtaking Evening
- B5B59F
≈ Turtle Trail
- A0B8C3
≈ Sterling Blue
Bölünmüş tamamlayıcı +150° +210°
- C3ACB7
Breathtaking Evening
- AAB8A6
≈ Graceful Green
- 9EBABA
≈ Festoon Aqua
Dörtlü +90° +180° +270°
- C3ACB7
Breathtaking Evening
- BFB19E
≈ Warm Neutral
- A2BAAF
≈ Silt Green
- A8B5C7
≈ Suds
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.12:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.90:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--breathtaking-evening: #c3acb7;
--breathtaking-evening-rgb: 195 172 183;
--breathtaking-evening-oklch: oklch(0.767 0.03 347.3);
}
.element {
color: var(--breathtaking-evening);
background-color: hsl(331 16% 72%);
border-color: oklch(0.767 0.03 347.3);
}Tailwind CSS v4
@theme {
--color-breathtaking-evening: #c3acb7;
--color-breathtaking-evening-50: #fcf2f6;
--color-breathtaking-evening-100: #f0e4e9;
--color-breathtaking-evening-200: #dfcfd6;
--color-breathtaking-evening-300: #c4b1ba;
--color-breathtaking-evening-400: #ad98a2;
--color-breathtaking-evening-500: #967e8a;
--color-breathtaking-evening-600: #7f6b75;
--color-breathtaking-evening-700: #66555d;
--color-breathtaking-evening-800: #4b3e45;
--color-breathtaking-evening-900: #342b2f;
--color-breathtaking-evening-950: #1f181c;
}SCSS
$breathtaking-evening: #c3acb7;
$breathtaking-evening-rgb: 195, 172, 183;
$breathtaking-evening-light: mix(#fff, $breathtaking-evening, 20%);
$breathtaking-evening-dark: mix(#000, $breathtaking-evening, 20%);
.element {
color: $breathtaking-evening;
box-shadow: 0 0 0 2px rgba($breathtaking-evening, 0.35);
}