Adlandırılmış renk · #D45871
Kenny’s Kiss
Kenny’s Kiss, #D45871: rgb(212 88 113), hsl(348 59% 59%), oklch(0.625 0.157 10.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Kenny’s Kiss color name →
#D45871
oklch(0.625 0.157 10.4)
Renk dönüşümleri
- HEX
- #d45871
- RGB
- rgb(212 88 113)
- HSL
- hsl(348 59% 59%)
- HWB
- hwb(348 35% 17%)
- OKLCH
- oklch(0.625 0.157 10.4)
- OKLab
- oklab(0.625 0.155 0.028)
- CIE Lab
- lab(54.71 51.32 12.1)
- LCH
- lch(54.71 52.73 13.3)
- CMYK
- cmyk(0% 58% 47% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DA6A7E
- E07B8C
- E68C9A
- EB9DA8
- F0ADB6
- F4BDC4
- F7CED2
- FADEE1
- FDEFF0
Koyu tonlar
- B84B61
- 9D3F52
- 833343
- 692835
- 511D27
- 3A121A
- 24090E
- 100304
- 020001
Gri tonlar
- CD5E73
- C56374
- BD6876
- B66C77
- AD7079
- A5747A
- 9C777C
- 937A7D
- 8A7D7F
Renk uyumları
Tamamlayıcı +180°
- D45871
Kenny’s Kiss
- 009C97
≈ Caribbean Turquoise
Analog -30° +30°
- D45871
Kenny’s Kiss
- C45CA4
≈ Llilacquered
- D46034
≈ Vermilion Waxcap
Üçlü +120° +240°
- D45871
Kenny’s Kiss
- 669A1E
≈ Gecko’s Dream
- 2B8BE2
≈ Bleu de France
Bölünmüş tamamlayıcı +150° +210°
- D45871
Kenny’s Kiss
- 00A16A
≈ Biel-Tan Green
- 0097B7
≈ Bondi Blue
Dörtlü +90° +180° +270°
- D45871
Kenny’s Kiss
- 9A8900
≈ Medusa Green
- 009C97
≈ Caribbean Turquoise
- 7879E3
≈ Hera Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.86:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.43:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--kenny-s-kiss: #d45871;
--kenny-s-kiss-rgb: 212 88 113;
--kenny-s-kiss-oklch: oklch(0.625 0.157 10.4);
}
.element {
color: var(--kenny-s-kiss);
background-color: hsl(348 59% 59%);
border-color: oklch(0.625 0.157 10.4);
}Tailwind CSS v4
@theme {
--color-kenny-s-kiss: #d45871;
--color-kenny-s-kiss-50: #ffe3e9;
--color-kenny-s-kiss-100: #ffd3d9;
--color-kenny-s-kiss-200: #ffb8c2;
--color-kenny-s-kiss-300: #fd94a1;
--color-kenny-s-kiss-400: #eb7388;
--color-kenny-s-kiss-500: #d94f6d;
--color-kenny-s-kiss-600: #b7445d;
--color-kenny-s-kiss-700: #93364a;
--color-kenny-s-kiss-800: #6d2637;
--color-kenny-s-kiss-900: #4d1a26;
--color-kenny-s-kiss-950: #330914;
}SCSS
$kenny-s-kiss: #d45871;
$kenny-s-kiss-rgb: 212, 88, 113;
$kenny-s-kiss-light: mix(#fff, $kenny-s-kiss, 20%);
$kenny-s-kiss-dark: mix(#000, $kenny-s-kiss, 20%);
.element {
color: $kenny-s-kiss;
box-shadow: 0 0 0 2px rgba($kenny-s-kiss, 0.35);
}