Adlandırılmış renk · #431C53
Plunged Into Darkness
Plunged Into Darkness, #431C53: rgb(67 28 83), hsl(283 50% 22%), oklch(0.311 0.102 314.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Plunged Into Darkness color name →
#431C53
oklch(0.311 0.102 314.8)
Renk dönüşümleri
- HEX
- #431c53
- RGB
- rgb(67 28 83)
- HSL
- hsl(283 50% 22%)
- HWB
- hwb(283 11% 67%)
- OKLCH
- oklch(0.311 0.102 314.8)
- OKLab
- oklab(0.311 0.072 -0.072)
- CIE Lab
- lab(18.39 26.74 -25.86)
- LCH
- lch(18.39 37.2 316)
- CMYK
- cmyk(19% 66% 0% 67%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 543163
- 664674
- 785C85
- 8A7196
- 9D88A7
- B09FB8
- C3B6C9
- D7CEDB
- EBE6ED
Koyu tonlar
- 391747
- 2F123B
- 260D30
- 1D0825
- 14051B
- 0C0211
- 050108
- 010002
- 000000
Gri tonlar
- 492758
- 4F315D
- 553B61
- 5B4466
- 614E6A
- 68586F
- 6E6273
- 746C78
- 7A767C
Renk uyumları
Tamamlayıcı +180°
- 431C53
Plunged Into Darkness
- 1A3A00
≈ Elite Green
Analog -30° +30°
- 431C53
Plunged Into Darkness
- 2D2561
≈ Indie Go
- 52153C
≈ Tulip Poplar Purple
Üçlü +120° +240°
- 431C53
Plunged Into Darkness
- 432B00
≈ Stirland Mud
- 003939
≈ Customs Green
Bölünmüş tamamlayıcı +150° +210°
- 431C53
Plunged Into Darkness
- 363200
≈ Wasabi Nori
- 003B28
≈ Off-Road Green
Dörtlü +90° +180° +270°
- 431C53
Plunged Into Darkness
- 531D00
≈ Evil Cigar
- 1A3A00
≈ Elite Green
- 003647
≈ Crowberry Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.72:1 · APCA Lc 100
Ag
FailSiyah üzerinde
WCAG 1.52:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.72:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--plunged-into-darkness: #431c53;
--plunged-into-darkness-rgb: 67 28 83;
--plunged-into-darkness-oklch: oklch(0.311 0.102 314.8);
}
.element {
color: var(--plunged-into-darkness);
background-color: hsl(283 50% 22%);
border-color: oklch(0.311 0.102 314.8);
}Tailwind CSS v4
@theme {
--color-plunged-into-darkness: #431c53;
--color-plunged-into-darkness-50: #ffedff;
--color-plunged-into-darkness-100: #f6deff;
--color-plunged-into-darkness-200: #e6c7f2;
--color-plunged-into-darkness-300: #cda8da;
--color-plunged-into-darkness-400: #b58cc8;
--color-plunged-into-darkness-500: #9f71b5;
--color-plunged-into-darkness-600: #876098;
--color-plunged-into-darkness-700: #6c4c7a;
--color-plunged-into-darkness-800: #4f375b;
--color-plunged-into-darkness-900: #372640;
--color-plunged-into-darkness-950: #211429;
}SCSS
$plunged-into-darkness: #431c53;
$plunged-into-darkness-rgb: 67, 28, 83;
$plunged-into-darkness-light: mix(#fff, $plunged-into-darkness, 20%);
$plunged-into-darkness-dark: mix(#000, $plunged-into-darkness, 20%);
.element {
color: $plunged-into-darkness;
box-shadow: 0 0 0 2px rgba($plunged-into-darkness, 0.35);
}