En yakın adlandırılmış renk · #72165E
#72165E
En yakın adlandırılmış renk: Velvet
#72165E (rgb(114 22 94), hsl(313 68% 27%), oklch(0.387 0.147 338.6)) en çok Velvet 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.
#72165E
oklch(0.387 0.147 338.6)
Renk dönüşümleri
- HEX
- #72165e
- RGB
- rgb(114 22 94)
- HSL
- hsl(313 68% 27%)
- HWB
- hwb(313 9% 55%)
- OKLCH
- oklch(0.387 0.147 338.6)
- OKLab
- oklab(0.387 0.137 -0.054)
- CIE Lab
- lab(26.73 44.7 -19.37)
- LCH
- lch(26.73 48.71 336.6)
- CMYK
- cmyk(0% 81% 18% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 81316D
- 90487D
- 9F5E8C
- AD759C
- BB8BAC
- C9A1BC
- D7B8CD
- E5D0DD
- F2E7EE
Koyu tonlar
- 621251
- 530D44
- 440937
- 36062B
- 28031F
- 1B0214
- 0E010A
- 040003
- 010000
Gri tonlar
- 752562
- 773165
- 793C69
- 7B476C
- 7D5170
- 7E5A73
- 7F6476
- 806D7A
- 80777D
Renk uyumları
Tamamlayıcı +180°
- 72165E
Velvet
- 005232
≈ Card Table Green
Analog -30° +30°
- 72165E
Velvet
- 5B247F
≈ Purplex
- 7F0A34
≈ Inescapable Lover
Üçlü +120° +240°
- 72165E
Velvet
- 4F4400
≈ Roman Bronze
- 004D5D
≈ Teal Dark Blue
Bölünmüş tamamlayıcı +150° +210°
- 72165E
Velvet
- 334E00
≈ Godzilla
- 004F4B
≈ Action Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.54:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 1.99:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--velvet: #72165e;
--velvet-rgb: 114 22 94;
--velvet-oklch: oklch(0.387 0.147 338.6);
}
.element {
color: var(--velvet);
background-color: hsl(313 68% 27%);
border-color: oklch(0.387 0.147 338.6);
}Tailwind CSS v4
@theme {
--color-velvet: #72165e;
--color-velvet-50: #ffe5ff;
--color-velvet-100: #ffd5f7;
--color-velvet-200: #ffbce7;
--color-velvet-300: #ea99ce;
--color-velvet-400: #d67abc;
--color-velvet-500: #c259a7;
--color-velvet-600: #a44c8d;
--color-velvet-700: #843d71;
--color-velvet-800: #612c55;
--color-velvet-900: #441d3b;
--color-velvet-950: #2c0d25;
}SCSS
$velvet: #72165e;
$velvet-rgb: 114, 22, 94;
$velvet-light: mix(#fff, $velvet, 20%);
$velvet-dark: mix(#000, $velvet, 20%);
.element {
color: $velvet;
box-shadow: 0 0 0 2px rgba($velvet, 0.35);
}