En yakın adlandırılmış renk · #480337
#480337
En yakın adlandırılmış renk: Dark Sanctuary
#480337 (rgb(72 3 55), hsl(315 92% 15%), oklch(0.273 0.113 341.2)) en çok Dark Sanctuary 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.
#480337
oklch(0.273 0.113 341.2)
Renk dönüşümleri
- HEX
- #480337
- RGB
- rgb(72 3 55)
- HSL
- hsl(315 92% 15%)
- HWB
- hwb(315 1% 72%)
- OKLCH
- oklch(0.273 0.113 341.2)
- OKLab
- oklab(0.273 0.107 -0.037)
- CIE Lab
- lab(14.05 34.54 -13.15)
- LCH
- lch(14.05 36.96 339.2)
- CMYK
- cmyk(0% 96% 24% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B1F49
- 6D375B
- 7F4E6E
- 916681
- A47E95
- B697AA
- C8B0BE
- DACAD4
- EDE4E9
Koyu tonlar
- 3D022E
- 330226
- 29011E
- 1F0116
- 16000F
- 0D0008
- 060003
- 020001
- 000000
Gri tonlar
- 4F143E
- 552145
- 5C2E4C
- 613954
- 67455B
- 6D5162
- 725C6A
- 776871
- 7C7478
Renk uyumları
Tamamlayıcı +180°
- 480337
Dark Sanctuary
- 00301D
≈ Nightly Woods
Analog -30° +30°
- 480337
Dark Sanctuary
- 390E4F
≈ Vanishing
- 4F0019
≈ Bloedworst
Üçlü +120° +240°
- 480337
Dark Sanctuary
- 2D2800
≈ Black Swan
- 002C38
≈ Black Chasm
Bölünmüş tamamlayıcı +150° +210°
- 480337
Dark Sanctuary
- 192E00
≈ Diminishing Green
- 002E2D
≈ Roof Tile Green
Dörtlü +90° +180° +270°
- 480337
Dark Sanctuary
- 392100
≈ Medium Roast
- 00301D
≈ Nightly Woods
- 00284C
≈ Dark Tyrian Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 15.62:1 · APCA Lc 101
Ag
FailSiyah üzerinde
WCAG 1.34:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.62:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--dark-sanctuary: #480337;
--dark-sanctuary-rgb: 72 3 55;
--dark-sanctuary-oklch: oklch(0.273 0.113 341.2);
}
.element {
color: var(--dark-sanctuary);
background-color: hsl(315 92% 15%);
border-color: oklch(0.273 0.113 341.2);
}Tailwind CSS v4
@theme {
--color-dark-sanctuary: #480337;
--color-dark-sanctuary-50: #ffe9fe;
--color-dark-sanctuary-100: #ffdaf2;
--color-dark-sanctuary-200: #f8c2e1;
--color-dark-sanctuary-300: #e1a0c7;
--color-dark-sanctuary-400: #cc83b2;
--color-dark-sanctuary-500: #b8669c;
--color-dark-sanctuary-600: #9b5784;
--color-dark-sanctuary-700: #7d456a;
--color-dark-sanctuary-800: #5c324f;
--color-dark-sanctuary-900: #402237;
--color-dark-sanctuary-950: #291122;
}SCSS
$dark-sanctuary: #480337;
$dark-sanctuary-rgb: 72, 3, 55;
$dark-sanctuary-light: mix(#fff, $dark-sanctuary, 20%);
$dark-sanctuary-dark: mix(#000, $dark-sanctuary, 20%);
.element {
color: $dark-sanctuary;
box-shadow: 0 0 0 2px rgba($dark-sanctuary, 0.35);
}