Adlandırılmış renk · #F2DBDB
Lover’s Knot
Lover’s Knot, #F2DBDB: rgb(242 219 219), hsl(0 47% 90%), oklch(0.91 0.025 17.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lover’s Knot color name →
#F2DBDB
oklch(0.91 0.025 17.6)
Renk dönüşümleri
- HEX
- #f2dbdb
- RGB
- rgb(242 219 219)
- HSL
- hsl(0 47% 90%)
- HWB
- hwb(0 86% 5%)
- OKLCH
- oklch(0.91 0.025 17.6)
- OKLab
- oklab(0.91 0.024 0.008)
- CIE Lab
- lab(89.31 8.19 3.04)
- LCH
- lch(89.31 8.74 20.3)
- CMYK
- cmyk(0% 10% 10% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3DFDF
- F5E2E2
- F6E6E6
- F7E9E9
- F9EDED
- FAF1F0
- FBF4F4
- FDF8F8
- FEFBFB
Koyu tonlar
- D2BEBE
- B4A2A2
- 968787
- 796D6D
- 5E5454
- 433C3C
- 2B2626
- 141111
- 030202
Gri tonlar
- E6D2D2
- DAC8C8
- CFBFBF
- C3B6B6
- B7ACAC
- ACA3A3
- A19A9A
- 969191
- 8B8989
Renk uyumları
Tamamlayıcı +180°
- F2DBDB
Lover’s Knot
- CFE7E7
≈ Icicle Mint
Analog -30° +30°
- F2DBDB
Lover’s Knot
- EFDBE4
≈ Pink Posies
- F1DDD3
≈ Spice Cookie
Üçlü +120° +240°
- F2DBDB
Lover’s Knot
- D9E6D5
≈ Frostee
- D7E2F3
≈ Aquarelle Purple
Bölünmüş tamamlayıcı +150° +210°
- F2DBDB
Lover’s Knot
- D2E7DE
≈ Light Light Lichen
- D1E5EF
≈ Pattens Blue
Dörtlü +90° +180° +270°
- F2DBDB
Lover’s Knot
- E3E3D0
≈ Yoga Daze
- CFE7E7
≈ Icicle Mint
- E0DFF2
≈ Imagination
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.93:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.93:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--lover-s-knot: #f2dbdb;
--lover-s-knot-rgb: 242 219 219;
--lover-s-knot-oklch: oklch(0.91 0.025 17.6);
}
.element {
color: var(--lover-s-knot);
background-color: hsl(0 47% 90%);
border-color: oklch(0.91 0.025 17.6);
}Tailwind CSS v4
@theme {
--color-lover-s-knot: #f2dbdb;
--color-lover-s-knot-50: #fcf2f2;
--color-lover-s-knot-100: #f0e5e4;
--color-lover-s-knot-200: #dfd0d0;
--color-lover-s-knot-300: #c4b3b2;
--color-lover-s-knot-400: #ad9999;
--color-lover-s-knot-500: #968080;
--color-lover-s-knot-600: #7f6c6c;
--color-lover-s-knot-700: #665656;
--color-lover-s-knot-800: #4b3f3f;
--color-lover-s-knot-900: #342b2c;
--color-lover-s-knot-950: #1f1919;
}SCSS
$lover-s-knot: #f2dbdb;
$lover-s-knot-rgb: 242, 219, 219;
$lover-s-knot-light: mix(#fff, $lover-s-knot, 20%);
$lover-s-knot-dark: mix(#000, $lover-s-knot, 20%);
.element {
color: $lover-s-knot;
box-shadow: 0 0 0 2px rgba($lover-s-knot, 0.35);
}