Adlandırılmış renk · #C39297
Profound Pink
Profound Pink, #C39297: rgb(195 146 151), hsl(354 29% 67%), oklch(0.708 0.06 11.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Profound Pink color name →
#C39297
oklch(0.708 0.06 11.9)
Renk dönüşümleri
- HEX
- #c39297
- RGB
- rgb(195 146 151)
- HSL
- hsl(354 29% 67%)
- HWB
- hwb(354 57% 24%)
- OKLCH
- oklch(0.708 0.06 11.9)
- OKLab
- oklab(0.708 0.058 0.012)
- CIE Lab
- lab(65.46 19.59 4.96)
- LCH
- lch(65.46 20.21 14.2)
- CMYK
- cmyk(0% 25% 23% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C99DA1
- D0A7AB
- D6B2B5
- DCBDBF
- E2C8CA
- E8D2D4
- EEDDDF
- F4E9E9
- F9F4F4
Koyu tonlar
- A97E83
- 906B6F
- 78585C
- 604649
- 4A3537
- 342526
- 201617
- 0E0808
- 020101
Gri tonlar
- BC9095
- B68F92
- AF8D90
- A88B8E
- A2898B
- 9B8789
- 948687
- 8E8485
- 878282
Renk uyumları
Tamamlayıcı +180°
- C39297
Profound Pink
- 74ADAA
≈ Poolrooms
Analog -30° +30°
- C39297
Profound Pink
- BC93AB
≈ Bed of Roses
- C29584
≈ Revenant Brown
Üçlü +120° +240°
- C39297
Profound Pink
- 93A983
≈ Huntington Garden
- 86A4C6
≈ High Tide
Bölünmüş tamamlayıcı +150° +210°
- C39297
Profound Pink
- 80AD95
≈ Nature Green
- 77AABC
≈ Snowboard
Dörtlü +90° +180° +270°
- C39297
Profound Pink
- A8A377
≈ Fond of Fronds
- 74ADAA
≈ Poolrooms
- 9A9DC6
≈ Majestic Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.66:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.87:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.87:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--profound-pink: #c39297;
--profound-pink-rgb: 195 146 151;
--profound-pink-oklch: oklch(0.708 0.06 11.9);
}
.element {
color: var(--profound-pink);
background-color: hsl(354 29% 67%);
border-color: oklch(0.708 0.06 11.9);
}Tailwind CSS v4
@theme {
--color-profound-pink: #c39297;
--color-profound-pink-50: #ffeff0;
--color-profound-pink-100: #fbe0e2;
--color-profound-pink-200: #edcacc;
--color-profound-pink-300: #d4acae;
--color-profound-pink-400: #bf9095;
--color-profound-pink-500: #aa767c;
--color-profound-pink-600: #8f6469;
--color-profound-pink-700: #735054;
--color-profound-pink-800: #553a3e;
--color-profound-pink-900: #3b282a;
--color-profound-pink-950: #251618;
}SCSS
$profound-pink: #c39297;
$profound-pink-rgb: 195, 146, 151;
$profound-pink-light: mix(#fff, $profound-pink, 20%);
$profound-pink-dark: mix(#000, $profound-pink, 20%);
.element {
color: $profound-pink;
box-shadow: 0 0 0 2px rgba($profound-pink, 0.35);
}