Colore con nome · #281F3F
Throat
Throat è #281F3F: rgb(40 31 63), hsl(257 34% 18%), oklch(0.267 0.059 295.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Throat color name →
#281F3F
oklch(0.267 0.059 295.1)
Conversioni di colore
- HEX
- #281f3f
- RGB
- rgb(40 31 63)
- HSL
- hsl(257 34% 18%)
- HWB
- hwb(257 12% 75%)
- OKLCH
- oklch(0.267 0.059 295.1)
- OKLab
- oklab(0.267 0.025 -0.053)
- CIE Lab
- lab(14.15 11.08 -19.15)
- LCH
- lch(14.15 22.13 300.1)
- CMYK
- cmyk(37% 51% 0% 75%)
Tinte · Ombre · Toni
Tinte
- 3A3251
- 4D4662
- 615B75
- 767188
- 8B879B
- A19EAE
- B8B5C2
- CFCDD6
- E7E6EA
Ombre
- 211935
- 1B142C
- 150F23
- 0F0A1B
- 090612
- 04030A
- 020104
- 010001
- 000000
Toni
- 302846
- 38314C
- 403B53
- 494459
- 524E60
- 5B5766
- 64616D
- 6D6B73
- 767679
Armonie di colore
Complementare +180°
- 281F3F
Throat
- 252901
≈ Lindworm Green
Analogo -30° +30°
Triadico +120° +240°
- 281F3F
Throat
- 3B1D05
≈ 90% Cocoa
- 002D24
≈ Dark Jungle
Complementare divisa +150° +210°
- 281F3F
Throat
- 322300
≈ Black Swan
- 102D12
≈ Nori Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.46:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.35:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.46:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
CSS
:root {
--throat: #281f3f;
--throat-rgb: 40 31 63;
--throat-oklch: oklch(0.267 0.059 295.1);
}
.element {
color: var(--throat);
background-color: hsl(257 34% 18%);
border-color: oklch(0.267 0.059 295.1);
}Tailwind CSS v4
@theme {
--color-throat: #281f3f;
--color-throat-50: #f6f2ff;
--color-throat-100: #e9e4fa;
--color-throat-200: #d6cfeb;
--color-throat-300: #bab2d2;
--color-throat-400: #a098be;
--color-throat-500: #897faa;
--color-throat-600: #746b8f;
--color-throat-700: #5c5673;
--color-throat-800: #433f55;
--color-throat-900: #2e2b3b;
--color-throat-950: #1b1825;
}SCSS
$throat: #281f3f;
$throat-rgb: 40, 31, 63;
$throat-light: mix(#fff, $throat, 20%);
$throat-dark: mix(#000, $throat, 20%);
.element {
color: $throat;
box-shadow: 0 0 0 2px rgba($throat, 0.35);
}