Nächste benannte Farbe · #3E7F8E
#3E7F8E
Nächste benannte Farbe: Mysterious Blue
#3E7F8E (rgb(62 127 142), hsl(191 39% 40%), oklch(0.56 0.07 214.8)) liegt am nächsten an der benannten Farbe Mysterious Blue. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3E7F8E
oklch(0.56 0.07 214.8)
Farbumrechnungen
- HEX
- #3e7f8e
- RGB
- rgb(62 127 142)
- HSL
- hsl(191 39% 40%)
- HWB
- hwb(191 24% 44%)
- OKLCH
- oklch(0.56 0.07 214.8)
- OKLab
- oklab(0.56 -0.057 -0.04)
- CIE Lab
- lab(49.41 -18.23 -14.86)
- LCH
- lch(49.41 23.52 219.2)
- CMYK
- cmyk(56% 11% 0% 44%)
Tints · Shades · Tones
Tints
- 538B99
- 6698A4
- 79A4AF
- 8CB1BA
- 9FBEC5
- B2CAD1
- C5D7DC
- D8E5E8
- EBF2F3
Shades
- 356E7B
- 2B5D68
- 234C56
- 1A3C44
- 122D34
- 0A1F24
- 041115
- 010607
- 000101
Tones
- 477F8D
- 4E7F8B
- 56808A
- 5C8089
- 638087
- 698086
- 6F8084
- 758083
- 7B8081
Farbharmonien
Komplementär +180°
- 3E7F8E
Mysterious Blue
- 996659
≈ Bucking Bronco
Analog -30° +30°
- 3E7F8E
Mysterious Blue
- 3F827A
≈ Bubble Turquoise
- 50799B
≈ Tech Wave
Triadisch +120° +240°
- 3E7F8E
Mysterious Blue
- 8E6585
≈ Sunshone Plum
- 817443
≈ Peppered Moss
Geteilt komplementär +150° +210°
- 3E7F8E
Mysterious Blue
- 98636F
≈ Soft Bromeliad
- 916C47
≈ Antique Bourbon
Tetradisch +90° +180° +270°
- 3E7F8E
Mysterious Blue
- 7E6A96
≈ Ornate
- 996659
≈ Bucking Bronco
- 6B7C4E
≈ Mint Leaves
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--mysterious-blue: #3e7f8e;
--mysterious-blue-rgb: 62 127 142;
--mysterious-blue-oklch: oklch(0.56 0.07 214.8);
}
.element {
color: var(--mysterious-blue);
background-color: hsl(191 39% 40%);
border-color: oklch(0.56 0.07 214.8);
}Tailwind CSS v4
@theme {
--color-mysterious-blue: #3e7f8e;
--color-mysterious-blue-50: #e0fbff;
--color-mysterious-blue-100: #cfeef7;
--color-mysterious-blue-200: #b4dce8;
--color-mysterious-blue-300: #8fc1cf;
--color-mysterious-blue-400: #6ca9b8;
--color-mysterious-blue-500: #4992a3;
--color-mysterious-blue-600: #3f7c8a;
--color-mysterious-blue-700: #32636e;
--color-mysterious-blue-800: #224951;
--color-mysterious-blue-900: #173238;
--color-mysterious-blue-950: #071e23;
}SCSS
$mysterious-blue: #3e7f8e;
$mysterious-blue-rgb: 62, 127, 142;
$mysterious-blue-light: mix(#fff, $mysterious-blue, 20%);
$mysterious-blue-dark: mix(#000, $mysterious-blue, 20%);
.element {
color: $mysterious-blue;
box-shadow: 0 0 0 2px rgba($mysterious-blue, 0.35);
}