En yakın adlandırılmış renk · #454457
#454457
En yakın adlandırılmış renk: Italian Grape
#454457 (rgb(69 68 87), hsl(243 12% 30%), oklch(0.395 0.032 287.3)) en çok Italian Grape 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.
#454457
oklch(0.395 0.032 287.3)
Renk dönüşümleri
- HEX
- #454457
- RGB
- rgb(69 68 87)
- HSL
- hsl(243 12% 30%)
- HWB
- hwb(243 27% 66%)
- OKLCH
- oklch(0.395 0.032 287.3)
- OKLab
- oklab(0.395 0.009 -0.03)
- CIE Lab
- lab(29.53 3.91 -11.23)
- LCH
- lch(29.53 11.89 289.2)
- CMYK
- cmyk(21% 22% 0% 66%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 555566
- 676676
- 787886
- 8A8A97
- 9D9CA7
- B0AFB8
- C3C3CA
- D7D6DB
- EBEBED
Koyu tonlar
- 3B3A4B
- 31303E
- 272633
- 1E1D27
- 15141C
- 0C0C12
- 050508
- 020203
- 000000
Gri tonlar
- 4B4A5B
- 50505F
- 565563
- 5C5B67
- 62616B
- 686770
- 6E6D74
- 747478
- 7A7A7C
Renk uyumları
Tamamlayıcı +180°
- 454457
Italian Grape
- 484834
≈ Treasure Island
Analog -30° +30°
- 454457
Italian Grape
- 3C4758
≈ Very Navy
- 4E4152
≈ Stone Violet
Üçlü +120° +240°
- 454457
Italian Grape
- 554138
≈ Roasted Kona
- 364C43
≈ Pine Needle
Bölünmüş tamamlayıcı +150° +210°
- 454457
Italian Grape
- 504433
≈ Old Treasure Chest
- 3E4B3A
≈ Copper Pyrite Green
Dörtlü +90° +180° +270°
- 454457
Italian Grape
- 564040
≈ Laurel Nut Brown
- 484834
≈ Treasure Island
- 324C4C
≈ Tree Bark Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.47:1 · APCA Lc 92
Ag
FailSiyah üzerinde
WCAG 2.21:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--italian-grape: #454457;
--italian-grape-rgb: 69 68 87;
--italian-grape-oklch: oklch(0.395 0.032 287.3);
}
.element {
color: var(--italian-grape);
background-color: hsl(243 12% 30%);
border-color: oklch(0.395 0.032 287.3);
}Tailwind CSS v4
@theme {
--color-italian-grape: #454457;
--color-italian-grape-50: #f4f4fe;
--color-italian-grape-100: #e7e6f2;
--color-italian-grape-200: #d3d2e1;
--color-italian-grape-300: #b6b5c7;
--color-italian-grape-400: #9d9cb1;
--color-italian-grape-500: #84839b;
--color-italian-grape-600: #706f83;
--color-italian-grape-700: #5a5969;
--color-italian-grape-800: #41414d;
--color-italian-grape-900: #2d2d36;
--color-italian-grape-950: #1a1a21;
}SCSS
$italian-grape: #454457;
$italian-grape-rgb: 69, 68, 87;
$italian-grape-light: mix(#fff, $italian-grape, 20%);
$italian-grape-dark: mix(#000, $italian-grape, 20%);
.element {
color: $italian-grape;
box-shadow: 0 0 0 2px rgba($italian-grape, 0.35);
}