Benannte Farbe · #3E6490
Blue Ribbon Beauty
Blue Ribbon Beauty ist #3E6490: rgb(62 100 144), hsl(212 40% 40%), oklch(0.495 0.083 253). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Ribbon Beauty color name →
#3E6490
oklch(0.495 0.083 253)
Farbumrechnungen
- HEX
- #3e6490
- RGB
- rgb(62 100 144)
- HSL
- hsl(212 40% 40%)
- HWB
- hwb(212 24% 44%)
- OKLCH
- oklch(0.495 0.083 253)
- OKLab
- oklab(0.495 -0.024 -0.08)
- CIE Lab
- lab(41.05 -3.44 -28.82)
- LCH
- lch(41.05 29.02 263.2)
- CMYK
- cmyk(57% 31% 0% 44%)
Tints · Shades · Tones
Tints
- 50739B
- 6382A6
- 7591B1
- 88A0BC
- 9BAFC7
- AEBFD3
- C2CFDE
- D6DFE9
- EAEFF4
Shades
- 35567D
- 2B486A
- 233B57
- 1A2E45
- 122234
- 0A1624
- 040B15
- 010307
- 000001
Tones
- 45678F
- 4C6A8D
- 536D8C
- 59708B
- 607389
- 667587
- 6D7886
- 737B84
- 7A7D82
Farbharmonien
Komplementär +180°
- 3E6490
Blue Ribbon Beauty
- 7E5A26
≈ Hot Curry
Analog -30° +30°
- 3E6490
Blue Ribbon Beauty
- 1B6C84
≈ Arabian Nights
- 5B5B90
≈ Persian Plush
Triadisch +120° +240°
- 3E6490
Blue Ribbon Beauty
- 8A4D54
≈ Cordial
- 4F6C39
≈ Gully Green
Geteilt komplementär +150° +210°
- 3E6490
Blue Ribbon Beauty
- 89513A
≈ Hipsterfication
- 6A6425
≈ Greenish Brown
Tetradisch +90° +180° +270°
- 3E6490
Blue Ribbon Beauty
- 824E6E
≈ Madder Magenta
- 7E5A26
≈ Hot Curry
- 2D7054
≈ Jungle Book Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.12:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.43:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--blue-ribbon-beauty: #3e6490;
--blue-ribbon-beauty-rgb: 62 100 144;
--blue-ribbon-beauty-oklch: oklch(0.495 0.083 253);
}
.element {
color: var(--blue-ribbon-beauty);
background-color: hsl(212 40% 40%);
border-color: oklch(0.495 0.083 253);
}Tailwind CSS v4
@theme {
--color-blue-ribbon-beauty: #3e6490;
--color-blue-ribbon-beauty-50: #e6f7ff;
--color-blue-ribbon-beauty-100: #d6eaff;
--color-blue-ribbon-beauty-200: #bdd7f8;
--color-blue-ribbon-beauty-300: #9bbae2;
--color-blue-ribbon-beauty-400: #7ba2cf;
--color-blue-ribbon-beauty-500: #5d89bc;
--color-blue-ribbon-beauty-600: #50749f;
--color-blue-ribbon-beauty-700: #3f5d7f;
--color-blue-ribbon-beauty-800: #2c445e;
--color-blue-ribbon-beauty-900: #1e2f42;
--color-blue-ribbon-beauty-950: #0e1c2a;
}SCSS
$blue-ribbon-beauty: #3e6490;
$blue-ribbon-beauty-rgb: 62, 100, 144;
$blue-ribbon-beauty-light: mix(#fff, $blue-ribbon-beauty, 20%);
$blue-ribbon-beauty-dark: mix(#000, $blue-ribbon-beauty, 20%);
.element {
color: $blue-ribbon-beauty;
box-shadow: 0 0 0 2px rgba($blue-ribbon-beauty, 0.35);
}