Benannte Farbe · #20415D
Sir Edmund
Sir Edmund ist #20415D: rgb(32 65 93), hsl(208 49% 25%), oklch(0.364 0.062 246.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Sir Edmund color name →
#20415D
oklch(0.364 0.062 246.2)
Farbumrechnungen
- HEX
- #20415d
- RGB
- rgb(32 65 93)
- HSL
- hsl(208 49% 25%)
- HWB
- hwb(208 13% 64%)
- OKLCH
- oklch(0.364 0.062 246.2)
- OKLab
- oklab(0.364 -0.025 -0.057)
- CIE Lab
- lab(26.08 -5.02 -20.65)
- LCH
- lch(26.08 21.25 256.3)
- CMYK
- cmyk(66% 30% 0% 64%)
Tints · Shades · Tones
Tints
- 35526C
- 49647C
- 5E768B
- 74889B
- 8A9BAB
- A0AFBC
- B7C2CC
- CFD6DD
- E7EAEE
Shades
- 1A3750
- 152E43
- 0F2537
- 0A1C2A
- 06131F
- 030B14
- 01050A
- 000103
- 000000
Tones
- 2A4761
- 344D64
- 3D5468
- 475A6C
- 50606F
- 5A6773
- 636D76
- 6D7379
- 767A7D
Farbharmonien
Komplementär +180°
- 20415D
Sir Edmund
- 543717
≈ Moelleux au Chocolat
Analog -30° +30°
- 20415D
Sir Edmund
- 064653
≈ Crab Nebula
- 353B5F
≈ Magic Night
Triadisch +120° +240°
- 20415D
Sir Edmund
- 5A2F39
≈ Fig
- 36441E
≈ Ceylanite
Geteilt komplementär +150° +210°
- 20415D
Sir Edmund
- 5A3226
≈ Redwood
- 483E12
≈ Xanthophobia
Tetradisch +90° +180° +270°
- 20415D
Sir Edmund
- 53314B
≈ Grimace
- 543717
≈ Moelleux au Chocolat
- 1F4830
≈ County Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.62:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 1.97:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.62:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--sir-edmund: #20415d;
--sir-edmund-rgb: 32 65 93;
--sir-edmund-oklch: oklch(0.364 0.062 246.2);
}
.element {
color: var(--sir-edmund);
background-color: hsl(208 49% 25%);
border-color: oklch(0.364 0.062 246.2);
}Tailwind CSS v4
@theme {
--color-sir-edmund: #20415d;
--color-sir-edmund-50: #e8f7ff;
--color-sir-edmund-100: #d8eafc;
--color-sir-edmund-200: #c0d7ee;
--color-sir-edmund-300: #9fbbd6;
--color-sir-edmund-400: #81a3c2;
--color-sir-edmund-500: #648bad;
--color-sir-edmund-600: #557592;
--color-sir-edmund-700: #435e75;
--color-sir-edmund-800: #304557;
--color-sir-edmund-900: #20303c;
--color-sir-edmund-950: #101c26;
}SCSS
$sir-edmund: #20415d;
$sir-edmund-rgb: 32, 65, 93;
$sir-edmund-light: mix(#fff, $sir-edmund, 20%);
$sir-edmund-dark: mix(#000, $sir-edmund, 20%);
.element {
color: $sir-edmund;
box-shadow: 0 0 0 2px rgba($sir-edmund, 0.35);
}