Benannte Farbe · #282A4A
Royal Curtsy
Royal Curtsy ist #282A4A: rgb(40 42 74), hsl(236 30% 22%), oklch(0.3 0.058 279.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Royal Curtsy color name →
#282A4A
oklch(0.3 0.058 279.6)
Farbumrechnungen
- HEX
- #282a4a
- RGB
- rgb(40 42 74)
- HSL
- hsl(236 30% 22%)
- HWB
- hwb(236 16% 71%)
- OKLCH
- oklch(0.3 0.058 279.6)
- OKLab
- oklab(0.3 0.01 -0.057)
- CIE Lab
- lab(18.13 6.51 -20.46)
- LCH
- lch(18.13 21.47 287.6)
- CMYK
- cmyk(46% 43% 0% 71%)
Tints · Shades · Tones
Tints
- 3A3D5B
- 4D506C
- 61647D
- 76788F
- 8B8EA1
- A1A3B3
- B8BAC6
- CFD0D9
- E7E7EC
Shades
- 21233F
- 1B1C35
- 15162A
- 0F1020
- 090A17
- 04050E
- 020206
- 010102
- 000000
Tones
- 303250
- 383A55
- 40435B
- 494B60
- 525465
- 5B5C6B
- 646570
- 6D6E75
- 76777B
Farbharmonien
Komplementär +180°
- 282A4A
Royal Curtsy
- 352E05
≈ Swamp of Sorrows
Analog -30° +30°
- 282A4A
Royal Curtsy
- 152F49
≈ Crow Black Blue
- 362543
≈ Power Outage
Triadisch +120° +240°
- 282A4A
Royal Curtsy
- 462317
≈ Wild Brown
- 0D3623
≈ Phthalo Green
Geteilt komplementär +150° +210°
- 282A4A
Royal Curtsy
- 402807
≈ Blackened Brown
- 243312
≈ Darkest Forest
Tetradisch +90° +180° +270°
- 282A4A
Royal Curtsy
- 462027
≈ Dark Mahogany
- 352E05
≈ Swamp of Sorrows
- 003633
≈ Shrub Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.81:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.52:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.81:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--royal-curtsy: #282a4a;
--royal-curtsy-rgb: 40 42 74;
--royal-curtsy-oklch: oklch(0.3 0.058 279.6);
}
.element {
color: var(--royal-curtsy);
background-color: hsl(236 30% 22%);
border-color: oklch(0.3 0.058 279.6);
}Tailwind CSS v4
@theme {
--color-royal-curtsy: #282a4a;
--color-royal-curtsy-50: #f2f4ff;
--color-royal-curtsy-100: #e4e6fb;
--color-royal-curtsy-200: #cfd2ed;
--color-royal-curtsy-300: #b2b4d5;
--color-royal-curtsy-400: #979bc1;
--color-royal-curtsy-500: #7e82ac;
--color-royal-curtsy-600: #6b6e92;
--color-royal-curtsy-700: #555875;
--color-royal-curtsy-800: #3d4156;
--color-royal-curtsy-900: #2a2d3c;
--color-royal-curtsy-950: #181a26;
}SCSS
$royal-curtsy: #282a4a;
$royal-curtsy-rgb: 40, 42, 74;
$royal-curtsy-light: mix(#fff, $royal-curtsy, 20%);
$royal-curtsy-dark: mix(#000, $royal-curtsy, 20%);
.element {
color: $royal-curtsy;
box-shadow: 0 0 0 2px rgba($royal-curtsy, 0.35);
}