Benannte Farbe · #546B78
Morro Bay
Morro Bay ist #546B78: rgb(84 107 120), hsl(202 18% 40%), oklch(0.514 0.034 233.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morro Bay color name →
#546B78
oklch(0.514 0.034 233.1)
Farbumrechnungen
- HEX
- #546b78
- RGB
- rgb(84 107 120)
- HSL
- hsl(202 18% 40%)
- HWB
- hwb(202 33% 53%)
- OKLCH
- oklch(0.514 0.034 233.1)
- OKLab
- oklab(0.514 -0.021 -0.027)
- CIE Lab
- lab(43.73 -6.33 -10.23)
- LCH
- lch(43.73 12.03 238.2)
- CMYK
- cmyk(30% 11% 0% 53%)
Tints · Shades · Tones
Tints
- 647985
- 748792
- 84959F
- 95A4AC
- A6B2B9
- B7C1C7
- C9D0D5
- DBE0E3
- EDEFF1
Shades
- 485C67
- 3C4E57
- 313F48
- 263239
- 1B252A
- 11181D
- 080D10
- 020405
- 000001
Tones
- 586D79
- 5D6F7A
- 61717B
- 66737B
- 6A767C
- 6F787D
- 737A7E
- 777C7E
- 7C7E7F
Farbharmonien
Komplementär +180°
- 546B78
Morro Bay
- 786255
≈ Traditional
Analog -30° +30°
- 546B78
Morro Bay
- 506D70
≈ Sequoia Lake
- 5D687B
≈ Spinning Blue
Triadisch +120° +240°
- 546B78
Morro Bay
- 785F69
≈ Black Plum
- 676A53
≈ Bijoux Green
Geteilt komplementär +150° +210°
- 546B78
Morro Bay
- 7A605E
≈ Bateau Brown
- 716651
≈ Adventurer
Tetradisch +90° +180° +270°
- 546B78
Morro Bay
- 716173
≈ Purple Kasbah
- 786255
≈ Traditional
- 5C6D5B
≈ Terrarium
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.59:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.75:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--morro-bay: #546b78;
--morro-bay-rgb: 84 107 120;
--morro-bay-oklch: oklch(0.514 0.034 233.1);
}
.element {
color: var(--morro-bay);
background-color: hsl(202 18% 40%);
border-color: oklch(0.514 0.034 233.1);
}Tailwind CSS v4
@theme {
--color-morro-bay: #546b78;
--color-morro-bay-50: #ecf7fe;
--color-morro-bay-100: #deeaf2;
--color-morro-bay-200: #c7d7e1;
--color-morro-bay-300: #a7bbc7;
--color-morro-bay-400: #8ba2b0;
--color-morro-bay-500: #708b99;
--color-morro-bay-600: #5f7582;
--color-morro-bay-700: #4c5e68;
--color-morro-bay-800: #37454c;
--color-morro-bay-900: #253035;
--color-morro-bay-950: #141c20;
}SCSS
$morro-bay: #546b78;
$morro-bay-rgb: 84, 107, 120;
$morro-bay-light: mix(#fff, $morro-bay, 20%);
$morro-bay-dark: mix(#000, $morro-bay, 20%);
.element {
color: $morro-bay;
box-shadow: 0 0 0 2px rgba($morro-bay, 0.35);
}