En yakın adlandırılmış renk · #7E435D
#7E435D
En yakın adlandırılmış renk: Passionate Plum
#7E435D (rgb(126 67 93), hsl(334 31% 38%), oklch(0.463 0.087 353.2)) en çok Passionate Plum 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.
#7E435D
oklch(0.463 0.087 353.2)
Renk dönüşümleri
- HEX
- #7e435d
- RGB
- rgb(126 67 93)
- HSL
- hsl(334 31% 38%)
- HWB
- hwb(334 26% 51%)
- OKLCH
- oklch(0.463 0.087 353.2)
- OKLab
- oklab(0.463 0.087 -0.01)
- CIE Lab
- lab(36.61 28.46 -3.6)
- LCH
- lch(36.61 28.68 352.8)
- CMYK
- cmyk(0% 47% 26% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B556C
- 98667B
- A5788A
- B28B9A
- BF9DAA
- CCB0BB
- D9C4CB
- E6D7DC
- F2EBEE
Koyu tonlar
- 6D3950
- 5C2F43
- 4C2637
- 3C1D2A
- 2D141F
- 1F0C14
- 11050A
- 050103
- 010000
Gri tonlar
- 7F4960
- 805064
- 805667
- 815C6B
- 81626E
- 816872
- 816E75
- 817479
- 817A7C
Renk uyumları
Tamamlayıcı +180°
- 7E435D
Passionate Plum
- 056854
≈ Piney Lake
Analog -30° +30°
- 7E435D
Passionate Plum
- 704775
≈ Hyssop
- 834441
≈ Spiced Berry
Üçlü +120° +240°
- 7E435D
Passionate Plum
- 595E1C
≈ Kirchner Green
- 166182
≈ Blue Velvet
Bölünmüş tamamlayıcı +150° +210°
- 7E435D
Passionate Plum
- 396537
≈ Greenhouse
- 00666D
≈ Trouser Blue
Dörtlü +90° +180° +270°
- 7E435D
Passionate Plum
- 705412
≈ Field Drab
- 056854
≈ Piney Lake
- 3F588A
≈ True Navy
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.37:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.84:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.37:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--passionate-plum: #7e435d;
--passionate-plum-rgb: 126 67 93;
--passionate-plum-oklch: oklch(0.463 0.087 353.2);
}
.element {
color: var(--passionate-plum);
background-color: hsl(334 31% 38%);
border-color: oklch(0.463 0.087 353.2);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #7e435d;
--color-passionate-plum-50: #ffebf6;
--color-passionate-plum-100: #ffdce9;
--color-passionate-plum-200: #f4c5d6;
--color-passionate-plum-300: #dda5b9;
--color-passionate-plum-400: #c889a3;
--color-passionate-plum-500: #b36d8b;
--color-passionate-plum-600: #975d76;
--color-passionate-plum-700: #794a5e;
--color-passionate-plum-800: #593546;
--color-passionate-plum-900: #3f2430;
--color-passionate-plum-950: #28131d;
}SCSS
$passionate-plum: #7e435d;
$passionate-plum-rgb: 126, 67, 93;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}