Adlandırılmış renk · #D16A68
Lippie
Lippie, #D16A68: rgb(209 106 104), hsl(1 53% 61%), oklch(0.644 0.131 22.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Lippie color name →
#D16A68
oklch(0.644 0.131 22.5)
Renk dönüşümleri
- HEX
- #d16a68
- RGB
- rgb(209 106 104)
- HSL
- hsl(1 53% 61%)
- HWB
- hwb(1 41% 18%)
- OKLCH
- oklch(0.644 0.131 22.5)
- OKLab
- oklab(0.644 0.121 0.05)
- CIE Lab
- lab(57.42 41.32 20.91)
- LCH
- lch(57.42 46.31 26.8)
- CMYK
- cmyk(0% 49% 50% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D77976
- DD8885
- E39794
- E8A6A2
- ECB5B1
- F1C4C1
- F5D2D0
- F9E1DF
- FCF0EF
Koyu tonlar
- B55B59
- 9B4D4B
- 813F3E
- 683130
- 502424
- 391818
- 230D0C
- 100404
- 020000
Gri tonlar
- CA6D6B
- C2706D
- BB7370
- B37572
- AB7775
- A37977
- 9B7B79
- 927D7C
- 897F7E
Renk uyumları
Tamamlayıcı +180°
- D16A68
Lippie
- 00A1AA
≈ Ducati
Analog -30° +30°
- D16A68
Lippie
- C96995
≈ Nocturnal Rose
- CA7439
≈ Mann Orange
Üçlü +120° +240°
- D16A68
Lippie
- 5AA155
≈ Muted Green
- 628CDD
≈ United Nations Blue
Bölünmüş tamamlayıcı +150° +210°
- D16A68
Lippie
- 00A585
≈ Congo Green
- 0A9ACF
≈ Structural Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.51:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 5.97:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--lippie: #d16a68;
--lippie-rgb: 209 106 104;
--lippie-oklch: oklch(0.644 0.131 22.5);
}
.element {
color: var(--lippie);
background-color: hsl(1 53% 61%);
border-color: oklch(0.644 0.131 22.5);
}Tailwind CSS v4
@theme {
--color-lippie: #d16a68;
--color-lippie-50: #ffe7e3;
--color-lippie-100: #ffd8d2;
--color-lippie-200: #ffbfb9;
--color-lippie-300: #f39d96;
--color-lippie-400: #e17d7a;
--color-lippie-500: #ce5e5d;
--color-lippie-600: #ae504f;
--color-lippie-700: #8c403f;
--color-lippie-800: #682d2f;
--color-lippie-900: #491f20;
--color-lippie-950: #300e0f;
}SCSS
$lippie: #d16a68;
$lippie-rgb: 209, 106, 104;
$lippie-light: mix(#fff, $lippie, 20%);
$lippie-dark: mix(#000, $lippie, 20%);
.element {
color: $lippie;
box-shadow: 0 0 0 2px rgba($lippie, 0.35);
}