Nächste benannte Farbe · #3E6670
#3E6670
Nächste benannte Farbe: Mediterranea
#3E6670 (rgb(62 102 112), hsl(192 29% 34%), oklch(0.485 0.048 215.4)) liegt am nächsten an der benannten Farbe Mediterranea. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3E6670
oklch(0.485 0.048 215.4)
Farbumrechnungen
- HEX
- #3e6670
- RGB
- rgb(62 102 112)
- HSL
- hsl(192 29% 34%)
- HWB
- hwb(192 24% 56%)
- OKLCH
- oklch(0.485 0.048 215.4)
- OKLab
- oklab(0.485 -0.039 -0.028)
- CIE Lab
- lab(40.54 -12.48 -10.34)
- LCH
- lch(40.54 16.21 219.6)
- CMYK
- cmyk(45% 9% 0% 56%)
Tints · Shades · Tones
Tints
- 50747D
- 63838B
- 769199
- 88A0A7
- 9BB0B5
- AFBFC3
- C2CFD2
- D6DFE1
- EBEFF0
Shades
- 355860
- 2B4A51
- 233C43
- 1A2F35
- 122327
- 0A171A
- 040C0E
- 010404
- 000001
Tones
- 456972
- 4C6B73
- 536E75
- 5A7177
- 607378
- 67767A
- 6D787B
- 737B7D
- 7A7D7E
Farbharmonien
Komplementär +180°
- 3E6670
Mediterranea
- 77554D
≈ Terrace Brown
Analog -30° +30°
- 3E6670
Mediterranea
- 3E6863
≈ Seiheki Green
- 486279
≈ Plum Blue
Triadisch +120° +240°
- 3E6670
Mediterranea
- 70556A
≈ Dark Purple Grey
- 675F40
≈ Classic Olive
Geteilt komplementär +150° +210°
- 3E6670
Mediterranea
- 77545B
≈ Stravinsky Pink
- 725A42
≈ Alpha Male
Tetradisch +90° +180° +270°
- 3E6670
Mediterranea
- 655875
≈ Regal Gown
- 77554D
≈ Terrace Brown
- 586446
≈ Gretna Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.28:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.33:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--mediterranea: #3e6670;
--mediterranea-rgb: 62 102 112;
--mediterranea-oklch: oklch(0.485 0.048 215.4);
}
.element {
color: var(--mediterranea);
background-color: hsl(192 29% 34%);
border-color: oklch(0.485 0.048 215.4);
}Tailwind CSS v4
@theme {
--color-mediterranea: #3e6670;
--color-mediterranea-50: #e7f9fe;
--color-mediterranea-100: #d7ecf2;
--color-mediterranea-200: #bfdae2;
--color-mediterranea-300: #9dbec8;
--color-mediterranea-400: #7fa6b0;
--color-mediterranea-500: #618f9a;
--color-mediterranea-600: #527982;
--color-mediterranea-700: #426168;
--color-mediterranea-800: #2f474c;
--color-mediterranea-900: #203135;
--color-mediterranea-950: #0f1d20;
}SCSS
$mediterranea: #3e6670;
$mediterranea-rgb: 62, 102, 112;
$mediterranea-light: mix(#fff, $mediterranea, 20%);
$mediterranea-dark: mix(#000, $mediterranea, 20%);
.element {
color: $mediterranea;
box-shadow: 0 0 0 2px rgba($mediterranea, 0.35);
}