Colore con nome · #2E0329
Globe Thistle
Globe Thistle è #2E0329: rgb(46 3 41), hsl(307 88% 10%), oklch(0.212 0.087 333.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Globe Thistle color name →
#2E0329
oklch(0.212 0.087 333.4)
Conversioni di colore
- HEX
- #2e0329
- RGB
- rgb(46 3 41)
- HSL
- hsl(307 88% 10%)
- HWB
- hwb(307 1% 82%)
- OKLCH
- oklch(0.212 0.087 333.4)
- OKLab
- oklab(0.212 0.078 -0.039)
- CIE Lab
- lab(7.29 25.61 -13.91)
- LCH
- lch(7.29 29.14 331.5)
- CMYK
- cmyk(0% 93% 11% 82%)
Tinte · Ombre · Toni
Tinte
- 421A3C
- 55314F
- 694863
- 7E6078
- 93798D
- A892A3
- BDACB9
- D3C7D0
- E9E3E7
Ombre
- 270222
- 1F021C
- 180115
- 12010F
- 0B0009
- 060005
- 020002
- 010001
- 000000
Toni
- 371031
- 3F1C3A
- 472842
- 50344B
- 584153
- 604D5C
- 685965
- 70666E
- 787377
Armonie di colore
Complementare +180°
- 2E0329
Globe Thistle
- 00200C
≈ Clock Chimes Thirteen
Analogo -30° +30°
- 2E0329
Globe Thistle
- 220938
≈ Middle Red Purple
- 350015
≈ Rhodophobia
Triadico +120° +240°
- 2E0329
Globe Thistle
- 201800
≈ Noir Mystique
- 001D23
≈ Stellar Explorer
Complementare divisa +150° +210°
- 2E0329
Globe Thistle
- 141C00
≈ Yuzu Soy
- 001E1A
≈ Stellar Explorer
Tetradico +90° +180° +270°
- 2E0329
Globe Thistle
- 281300
≈ Cannon Black
- 00200C
≈ Clock Chimes Thirteen
- 001B2E
≈ Oxford by Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.08:1 · APCA Lc 104
Ag
FailSu nero
WCAG 1.16:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.08:1 (AAA) · APCA Lc 104
Contrast pairs
Frammenti di codice
CSS
:root {
--globe-thistle: #2e0329;
--globe-thistle-rgb: 46 3 41;
--globe-thistle-oklch: oklch(0.212 0.087 333.4);
}
.element {
color: var(--globe-thistle);
background-color: hsl(307 88% 10%);
border-color: oklch(0.212 0.087 333.4);
}Tailwind CSS v4
@theme {
--color-globe-thistle: #2e0329;
--color-globe-thistle-50: #ffecff;
--color-globe-thistle-100: #fbdef3;
--color-globe-thistle-200: #edc7e3;
--color-globe-thistle-300: #d4a7c9;
--color-globe-thistle-400: #be8bb4;
--color-globe-thistle-500: #a9709e;
--color-globe-thistle-600: #8f5f86;
--color-globe-thistle-700: #724c6b;
--color-globe-thistle-800: #543750;
--color-globe-thistle-900: #3b2638;
--color-globe-thistle-950: #241422;
}SCSS
$globe-thistle: #2e0329;
$globe-thistle-rgb: 46, 3, 41;
$globe-thistle-light: mix(#fff, $globe-thistle, 20%);
$globe-thistle-dark: mix(#000, $globe-thistle, 20%);
.element {
color: $globe-thistle;
box-shadow: 0 0 0 2px rgba($globe-thistle, 0.35);
}