Najbliższy nazwany kolor · #D08692
#D08692
Najbliższy nazwany kolor: I Love You Pink
#D08692 (rgb(208 134 146), hsl(350 44% 67%), oklch(0.699 0.092 9.1)) jest najbliższy nazwanemu kolorowi I Love You Pink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D08692
oklch(0.699 0.092 9.1)
Konwersje koloru
- HEX
- #d08692
- RGB
- rgb(208 134 146)
- HSL
- hsl(350 44% 67%)
- HWB
- hwb(350 53% 18%)
- OKLCH
- oklch(0.699 0.092 9.1)
- OKLab
- oklab(0.699 0.091 0.015)
- CIE Lab
- lab(64.05 30.31 6.03)
- LCH
- lch(64.05 30.9 11.2)
- CMYK
- cmyk(0% 36% 30% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6929C
- DB9EA7
- E0AAB2
- E5B6BC
- EAC2C7
- EECED2
- F3DADD
- F7E6E8
- FBF3F4
Odcienie ciemniejsze
- B5747E
- 9A626B
- 805158
- 674046
- 4F3035
- 392125
- 231316
- 100608
- 020101
Tony
- C88690
- C0858E
- B9858D
- B1848B
- A98489
- A18387
- 998385
- 918284
- 888182
Harmonie kolorów
Komplementarna +180°
- D08692
I Love You Pink
- 4FB1AA
≈ Emerald Wave
Analogowa -30° +30°
- D08692
I Love You Pink
- C588B1
≈ Rock Star Pink
- D08A73
≈ Fireplace Glow
Triada +120° +240°
- D08692
I Love You Pink
- 8CAA6C
≈ Celuce
- 70A3D5
≈ Kindred
Komplementarna rozszczepiona +150° +210°
- D08692
I Love You Pink
- 69B08A
≈ Lily Pads
- 53ACC5
≈ Blue Mist
Tetrada +90° +180° +270°
- D08692
I Love You Pink
- AC9F5A
≈ Mediaeval Sulphur
- 4FB1AA
≈ Emerald Wave
- 9298D7
≈ Portage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.79:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.50:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--i-love-you-pink: #d08692;
--i-love-you-pink-rgb: 208 134 146;
--i-love-you-pink-oklch: oklch(0.699 0.092 9.1);
}
.element {
color: var(--i-love-you-pink);
background-color: hsl(350 44% 67%);
border-color: oklch(0.699 0.092 9.1);
}Tailwind CSS v4
@theme {
--color-i-love-you-pink: #d08692;
--color-i-love-you-pink-50: #ffebee;
--color-i-love-you-pink-100: #ffdce0;
--color-i-love-you-pink-200: #f9c5ca;
--color-i-love-you-pink-300: #e2a4ac;
--color-i-love-you-pink-400: #ce8893;
--color-i-love-you-pink-500: #ba6b79;
--color-i-love-you-pink-600: #9d5b67;
--color-i-love-you-pink-700: #7e4952;
--color-i-love-you-pink-800: #5d343d;
--color-i-love-you-pink-900: #41242a;
--color-i-love-you-pink-950: #2a1217;
}SCSS
$i-love-you-pink: #d08692;
$i-love-you-pink-rgb: 208, 134, 146;
$i-love-you-pink-light: mix(#fff, $i-love-you-pink, 20%);
$i-love-you-pink-dark: mix(#000, $i-love-you-pink, 20%);
.element {
color: $i-love-you-pink;
box-shadow: 0 0 0 2px rgba($i-love-you-pink, 0.35);
}