En yakın adlandırılmış renk · #CD83B3
#CD83B3
En yakın adlandırılmış renk: Pink Punk
#CD83B3 (rgb(205 131 179), hsl(321 43% 66%), oklch(0.701 0.11 341.1)) en çok Pink Punk adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CD83B3
oklch(0.701 0.11 341.1)
Renk dönüşümleri
- HEX
- #cd83b3
- RGB
- rgb(205 131 179)
- HSL
- hsl(321 43% 66%)
- HWB
- hwb(321 51% 20%)
- OKLCH
- oklch(0.701 0.11 341.1)
- OKLab
- oklab(0.701 0.104 -0.036)
- CIE Lab
- lab(63.82 34.37 -12.99)
- LCH
- lch(63.82 36.75 339.3)
- CMYK
- cmyk(0% 36% 13% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D38FBA
- D89CC2
- DEA8CA
- E3B4D1
- E8C1D9
- EDCDE0
- F2D9E8
- F6E6F0
- FBF2F7
Koyu tonlar
- B2719B
- 986084
- 7E4F6E
- 663F58
- 4E2F43
- 38202F
- 23121D
- 0F060C
- 020101
Gri tonlar
- C683AE
- BE83A9
- B683A4
- AF839E
- A78399
- A08294
- 98828F
- 90818A
- 888185
Renk uyumları
Tamamlayıcı +180°
- CD83B3
Pink Punk
- 58B489
≈ Jade Cream
Analog -30° +30°
- CD83B3
Pink Punk
- B58BD1
≈ Pale Purple
- D9818E
≈ I Love You Pink
Üçlü +120° +240°
- CD83B3
Pink Punk
- AEA149
≈ Queen Palm
- 3DAECF
≈ Summer Air
Bölünmüş tamamlayıcı +150° +210°
- CD83B3
Pink Punk
- 87AD63
≈ Celuce
- 30B4AF
≈ Verdigris
Dörtlü +90° +180° +270°
- CD83B3
Pink Punk
- CA934C
≈ Apple Fritter
- 58B489
≈ Jade Cream
- 69A3E1
≈ Windjammer
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.49:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pink-punk: #cd83b3;
--pink-punk-rgb: 205 131 179;
--pink-punk-oklch: oklch(0.701 0.11 341.1);
}
.element {
color: var(--pink-punk);
background-color: hsl(321 43% 66%);
border-color: oklch(0.701 0.11 341.1);
}Tailwind CSS v4
@theme {
--color-pink-punk: #cd83b3;
--color-pink-punk-50: #ffe9fd;
--color-pink-punk-100: #ffdaf2;
--color-pink-punk-200: #f7c2e1;
--color-pink-punk-300: #e0a1c6;
--color-pink-punk-400: #cb84b2;
--color-pink-punk-500: #b6679c;
--color-pink-punk-600: #9a5883;
--color-pink-punk-700: #7c4669;
--color-pink-punk-800: #5b324f;
--color-pink-punk-900: #402237;
--color-pink-punk-950: #281122;
}SCSS
$pink-punk: #cd83b3;
$pink-punk-rgb: 205, 131, 179;
$pink-punk-light: mix(#fff, $pink-punk, 20%);
$pink-punk-dark: mix(#000, $pink-punk, 20%);
.element {
color: $pink-punk;
box-shadow: 0 0 0 2px rgba($pink-punk, 0.35);
}