Benannte Farbe · #BE0032
Crimson Glory
Crimson Glory ist #BE0032: rgb(190 0 50), hsl(344 100% 37%), oklch(0.507 0.204 19.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Crimson Glory color name →
#BE0032
oklch(0.507 0.204 19.3)
Farbumrechnungen
- HEX
- #be0032
- RGB
- rgb(190 0 50)
- HSL
- hsl(344 100% 37%)
- HWB
- hwb(344 0% 25%)
- OKLCH
- oklch(0.507 0.204 19.3)
- OKLab
- oklab(0.507 0.192 0.067)
- CIE Lab
- lab(40.65 65.48 31.46)
- LCH
- lch(40.65 72.64 25.7)
- CMYK
- cmyk(0% 100% 74% 25%)
Tints · Shades · Tones
Tints
- C83446
- D15059
- DA686D
- E27F81
- E99595
- EFAAAA
- F4BFBE
- F9D4D4
- FCEAE9
Shades
- A5002A
- 8C0022
- 75001B
- 5E0014
- 48000D
- 330007
- 1F0003
- 0D0001
- 020000
Tones
- BA253B
- B53643
- B1434B
- AB4F53
- A6585A
- A06162
- 996A69
- 927171
- 897978
Farbharmonien
Komplementär +180°
- BE0032
Crimson Glory
- 007478
≈ Maxi Teal
Analog -30° +30°
- BE0032
Crimson Glory
- B11177
≈ King’s Plum Pie
- A04800
≈ Powdered Coffee
Triadisch +120° +240°
- BE0032
Crimson Glory
- 277900
≈ Botanical Beauty
- 005CD4
≈ Bnei Brak Bay
Geteilt komplementär +150° +210°
- BE0032
Crimson Glory
- 00775C
≈ Tropical Rainforest
- 006F93
≈ Tropic Sea
Tetradisch +90° +180° +270°
- BE0032
Crimson Glory
- 6A6A00
≈ Worn Olive
- 007478
≈ Maxi Teal
- 6843CF
≈ Dragonlord Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.49:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.23:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--crimson-glory: #be0032;
--crimson-glory-rgb: 190 0 50;
--crimson-glory-oklch: oklch(0.507 0.204 19.3);
}
.element {
color: var(--crimson-glory);
background-color: hsl(344 100% 37%);
border-color: oklch(0.507 0.204 19.3);
}Tailwind CSS v4
@theme {
--color-crimson-glory: #be0032;
--color-crimson-glory-50: #ffdfdc;
--color-crimson-glory-100: #ffcdca;
--color-crimson-glory-200: #ffb0ae;
--color-crimson-glory-300: #ff8889;
--color-crimson-glory-400: #ff606c;
--color-crimson-glory-500: #ef2e4c;
--color-crimson-glory-600: #ca2a41;
--color-crimson-glory-700: #a22234;
--color-crimson-glory-800: #791627;
--color-crimson-glory-900: #560f1a;
--color-crimson-glory-950: #39010b;
}SCSS
$crimson-glory: #be0032;
$crimson-glory-rgb: 190, 0, 50;
$crimson-glory-light: mix(#fff, $crimson-glory, 20%);
$crimson-glory-dark: mix(#000, $crimson-glory, 20%);
.element {
color: $crimson-glory;
box-shadow: 0 0 0 2px rgba($crimson-glory, 0.35);
}