En yakın adlandırılmış renk · #2A0D23
#2A0D23
En yakın adlandırılmış renk: Dark Prom Queen
#2A0D23 (rgb(42 13 35), hsl(314 53% 11%), oklch(0.216 0.059 337.7)) en çok Dark Prom Queen 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.
#2A0D23
oklch(0.216 0.059 337.7)
Renk dönüşümleri
- HEX
- #2a0d23
- RGB
- rgb(42 13 35)
- HSL
- hsl(314 53% 11%)
- HWB
- hwb(314 5% 84%)
- OKLCH
- oklch(0.216 0.059 337.7)
- OKLab
- oklab(0.216 0.054 -0.022)
- CIE Lab
- lab(8.18 17.91 -8.08)
- LCH
- lch(8.18 19.65 335.7)
- CMYK
- cmyk(0% 69% 17% 84%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D2136
- 513749
- 654D5E
- 7A6473
- 8F7C89
- A4959F
- BAAEB6
- D1C9CE
- E8E4E6
Koyu tonlar
- 230A1D
- 1C0717
- 160511
- 10030C
- 0A0207
- 050104
- 020001
- 010000
- 000000
Gri tonlar
- 33182C
- 3B2234
- 442D3D
- 4C3846
- 55444F
- 5D4F59
- 665B62
- 6F676C
- 777476
Renk uyumları
Tamamlayıcı +180°
- 2A0D23
Dark Prom Queen
- 002010
≈ Clock Chimes Thirteen
Analog -30° +30°
- 2A0D23
Dark Prom Queen
- 21112E
≈ Blacklist
- 2F0B14
≈ Dark Danger
Üçlü +120° +240°
- 2A0D23
Dark Prom Queen
- 1F1900
≈ Noir Mystique
- 001E25
≈ Stellar Explorer
Bölünmüş tamamlayıcı +150° +210°
- 2A0D23
Dark Prom Queen
- 121E00
≈ Yuzu Soy
- 001F1D
≈ Stellar Explorer
Dörtlü +90° +180° +270°
- 2A0D23
Dark Prom Queen
- 281500
≈ Cannon Black
- 002010
≈ Clock Chimes Thirteen
- 001B33
≈ Oxford by Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 17.79:1 · APCA Lc 104
Ag
FailSiyah üzerinde
WCAG 1.18:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 17.79:1 (AAA) · APCA Lc 104
Contrast pairs
Kod parçacıkları
CSS
:root {
--dark-prom-queen: #2a0d23;
--dark-prom-queen-rgb: 42 13 35;
--dark-prom-queen-oklch: oklch(0.216 0.059 337.7);
}
.element {
color: var(--dark-prom-queen);
background-color: hsl(314 53% 11%);
border-color: oklch(0.216 0.059 337.7);
}Tailwind CSS v4
@theme {
--color-dark-prom-queen: #2a0d23;
--color-dark-prom-queen-50: #ffeffb;
--color-dark-prom-queen-100: #f6e1ee;
--color-dark-prom-queen-200: #e6cbdc;
--color-dark-prom-queen-300: #cdacc1;
--color-dark-prom-queen-400: #b691ab;
--color-dark-prom-queen-500: #a07794;
--color-dark-prom-queen-600: #87657d;
--color-dark-prom-queen-700: #6d5164;
--color-dark-prom-queen-800: #503b4a;
--color-dark-prom-queen-900: #372834;
--color-dark-prom-queen-950: #22161f;
}SCSS
$dark-prom-queen: #2a0d23;
$dark-prom-queen-rgb: 42, 13, 35;
$dark-prom-queen-light: mix(#fff, $dark-prom-queen, 20%);
$dark-prom-queen-dark: mix(#000, $dark-prom-queen, 20%);
.element {
color: $dark-prom-queen;
box-shadow: 0 0 0 2px rgba($dark-prom-queen, 0.35);
}