Colore con nome · #3F012C
Dark Sanctuary
Dark Sanctuary è #3F012C: rgb(63 1 44), hsl(318 97% 13%), oklch(0.247 0.103 344.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Dark Sanctuary color name →
#3F012C
oklch(0.247 0.103 344.6)
Conversioni di colore
- HEX
- #3f012c
- RGB
- rgb(63 1 44)
- HSL
- hsl(318 97% 13%)
- HWB
- hwb(318 0% 75%)
- OKLCH
- oklch(0.247 0.103 344.6)
- OKLab
- oklab(0.247 0.099 -0.027)
- CIE Lab
- lab(11.14 31.79 -9.82)
- LCH
- lch(11.14 33.27 342.8)
- CMYK
- cmyk(0% 98% 30% 75%)
Tinte · Ombre · Toni
Tinte
- 521C3E
- 653351
- 784B65
- 8B6379
- 9E7B8E
- B294A4
- C5AEBA
- D8C8D1
- EBE3E8
Ombre
- 350125
- 2C011E
- 230017
- 1B0011
- 12000A
- 0A0005
- 040002
- 010001
- 000000
Toni
- 471134
- 4E1E3C
- 552A44
- 5C374C
- 624355
- 694F5D
- 6F5B66
- 75676E
- 7B7377
Armonie di colore
Complementare +180°
- 3F012C
Dark Sanctuary
- 00281A
≈ Deep Slate Green
Analogo -30° +30°
- 3F012C
Dark Sanctuary
- 320942
≈ Dark Purple
- 440011
≈ Rhinoceros Beetle
Triadico +120° +240°
- 3F012C
Dark Sanctuary
- 252200
≈ Liquorice Root
- 002531
≈ Daintree
Complementare divisa +150° +210°
- 3F012C
Dark Sanctuary
- 102800
≈ Zia Olive
- 002727
≈ Teal Spill
Tetradico +90° +180° +270°
- 3F012C
Dark Sanctuary
- 2F1C00
≈ Powdered Cocoa
- 00281A
≈ Deep Slate Green
- 002046
≈ Oxford Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 16.77:1 · APCA Lc 103
Ag
FailSu nero
WCAG 1.25:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 16.77:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--dark-sanctuary: #3f012c;
--dark-sanctuary-rgb: 63 1 44;
--dark-sanctuary-oklch: oklch(0.247 0.103 344.6);
}
.element {
color: var(--dark-sanctuary);
background-color: hsl(318 97% 13%);
border-color: oklch(0.247 0.103 344.6);
}Tailwind CSS v4
@theme {
--color-dark-sanctuary: #3f012c;
--color-dark-sanctuary-50: #ffeafb;
--color-dark-sanctuary-100: #ffdbef;
--color-dark-sanctuary-200: #f6c3dd;
--color-dark-sanctuary-300: #dfa2c2;
--color-dark-sanctuary-400: #ca85ad;
--color-dark-sanctuary-500: #b66996;
--color-dark-sanctuary-600: #9a597f;
--color-dark-sanctuary-700: #7b4766;
--color-dark-sanctuary-800: #5b334c;
--color-dark-sanctuary-900: #3f2335;
--color-dark-sanctuary-950: #281220;
}SCSS
$dark-sanctuary: #3f012c;
$dark-sanctuary-rgb: 63, 1, 44;
$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);
}