لون مسمّى · #C99AA0
Careys Pink
Careys Pink هو #C99AA0: rgb(201 154 160)، hsl(352 30% 70%)، oklch(0.732 0.057 10). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Careys Pink color name →
#C99AA0
oklch(0.732 0.057 10)
تحويلات الألوان
- HEX
- #c99aa0
- RGB
- rgb(201 154 160)
- HSL
- hsl(352 30% 70%)
- HWB
- hwb(352 60% 21%)
- OKLCH
- oklch(0.732 0.057 10)
- OKLab
- oklab(0.732 0.056 0.01)
- CIE Lab
- lab(68.24 18.75 4)
- LCH
- lch(68.24 19.17 12.1)
- CMYK
- cmyk(0% 23% 20% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- CFA4A9
- D4AEB2
- DAB8BC
- DFC2C5
- E5CCCE
- EAD6D8
- EFE0E2
- F5EAEB
- FAF5F5
درجات داكنة
- AE858B
- 957176
- 7C5E61
- 644B4E
- 4C393B
- 362729
- 221719
- 0F0909
- 020101
درجات رمادية
- C2979D
- BA959A
- B39296
- AC9093
- A58D90
- 9D8B8D
- 968889
- 8F8586
- 878383
تناسق الألوان
متمم +180°
- C99AA0
Careys Pink
- 7EB4B0
≈ Melodious
متجاور -30° +30°
- C99AA0
Careys Pink
- C19BB4
≈ Lily
- C89D8E
≈ Artefact
ثلاثي +120° +240°
- C99AA0
Careys Pink
- 9DB08A
≈ Venetian Glass
- 8EACCB
≈ Northern Sky
متمم منقسم +150° +210°
- C99AA0
Careys Pink
- 8AB49C
≈ Holly Fern
- 80B1C1
≈ Heavenly
رباعي +90° +180° +270°
- C99AA0
Careys Pink
- B0AA80
≈ Water Reed
- 7EB4B0
≈ Melodious
- A1A5CC
≈ Venus Flower
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.43:1 · APCA Lc 48
Ag
AAAعلى الأسود
WCAG 8.61:1 · APCA Lc 54
أفضل لون للنص: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--careys-pink: #c99aa0;
--careys-pink-rgb: 201 154 160;
--careys-pink-oklch: oklch(0.732 0.057 10);
}
.element {
color: var(--careys-pink);
background-color: hsl(352 30% 70%);
border-color: oklch(0.732 0.057 10);
}Tailwind CSS v4
@theme {
--color-careys-pink: #c99aa0;
--color-careys-pink-50: #ffeff1;
--color-careys-pink-100: #fae1e3;
--color-careys-pink-200: #ebcbce;
--color-careys-pink-300: #d3acb0;
--color-careys-pink-400: #bd9197;
--color-careys-pink-500: #a8777d;
--color-careys-pink-600: #8e656a;
--color-careys-pink-700: #725055;
--color-careys-pink-800: #543a3f;
--color-careys-pink-900: #3b282b;
--color-careys-pink-950: #241618;
}SCSS
$careys-pink: #c99aa0;
$careys-pink-rgb: 201, 154, 160;
$careys-pink-light: mix(#fff, $careys-pink, 20%);
$careys-pink-dark: mix(#000, $careys-pink, 20%);
.element {
color: $careys-pink;
box-shadow: 0 0 0 2px rgba($careys-pink, 0.35);
}