Benannte Farbe · #3300AA
Sea Grape
Sea Grape ist #3300AA: rgb(51 0 170), hsl(258 100% 33%), oklch(0.359 0.219 278.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sea Grape color name →
#3300AA
oklch(0.359 0.219 278.7)
Farbumrechnungen
- HEX
- #3300aa
- RGB
- rgb(51 0 170)
- HSL
- hsl(258 100% 33%)
- HWB
- hwb(258 0% 33%)
- OKLCH
- oklch(0.359 0.219 278.7)
- OKLab
- oklab(0.359 0.033 -0.216)
- CIE Lab
- lab(20.73 52.2 -77.42)
- LCH
- lch(20.73 93.37 304)
- CMYK
- cmyk(70% 100% 0% 33%)
Tints · Shades · Tones
Tints
- 3F31B5
- 4F4CBF
- 6164C9
- 747AD2
- 8991DB
- 9FA7E3
- B6BDEB
- CED3F2
- E6E9F9
Shades
- 2B0093
- 23007D
- 1C0068
- 140053
- 0D003F
- 07002D
- 03001B
- 01000B
- 000001
Tones
- 3622A7
- 3B32A4
- 4240A1
- 494B9E
- 51559A
- 595E96
- 626791
- 6C708C
- 767886
Farbharmonien
Komplementär +180°
- 3300AA
Sea Grape
- 473D00
≈ Xanthophobia
Analog -30° +30°
- 3300AA
Sea Grape
- 003F6D
≈ Indigo Dye
- 580083
≈ Pigment Indigo
Triadisch +120° +240°
- 3300AA
Sea Grape
- 6C1F00
≈ Roastery
- 00492C
≈ Alaskan Moss
Geteilt komplementär +150° +210°
- 3300AA
Sea Grape
- 573400
≈ Eyelash Camel
- 2D4600
≈ Garden Shadow
Tetradisch +90° +180° +270°
- 3300AA
Sea Grape
- 74002D
≈ Bordeaux
- 473D00
≈ Xanthophobia
- 004743
≈ Cyprus
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.20:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.72:1 · APCA Lc 7
Beste Textfarbe: #FFFFFF
WCAG 12.20:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--sea-grape: #3300aa;
--sea-grape-rgb: 51 0 170;
--sea-grape-oklch: oklch(0.359 0.219 278.7);
}
.element {
color: var(--sea-grape);
background-color: hsl(258 100% 33%);
border-color: oklch(0.359 0.219 278.7);
}Tailwind CSS v4
@theme {
--color-sea-grape: #3300aa;
--color-sea-grape-50: #e9efff;
--color-sea-grape-100: #dae0ff;
--color-sea-grape-200: #c3c9ff;
--color-sea-grape-300: #a5a7ff;
--color-sea-grape-400: #8689ff;
--color-sea-grape-500: #6f67ff;
--color-sea-grape-600: #5e58e6;
--color-sea-grape-700: #4a47b9;
--color-sea-grape-800: #33348c;
--color-sea-grape-900: #222363;
--color-sea-grape-950: #121144;
}SCSS
$sea-grape: #3300aa;
$sea-grape-rgb: 51, 0, 170;
$sea-grape-light: mix(#fff, $sea-grape, 20%);
$sea-grape-dark: mix(#000, $sea-grape, 20%);
.element {
color: $sea-grape;
box-shadow: 0 0 0 2px rgba($sea-grape, 0.35);
}