Benannte Farbe · #52798D
Cayman Bay
Cayman Bay ist #52798D: rgb(82 121 141), hsl(200 26% 44%), oklch(0.555 0.054 231.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Cayman Bay color name →
#52798D
oklch(0.555 0.054 231.3)
Farbumrechnungen
- HEX
- #52798d
- RGB
- rgb(82 121 141)
- HSL
- hsl(200 26% 44%)
- HWB
- hwb(200 32% 45%)
- OKLCH
- oklch(0.555 0.054 231.3)
- OKLab
- oklab(0.555 -0.034 -0.042)
- CIE Lab
- lab(48.51 -10.03 -15.51)
- LCH
- lch(48.51 18.47 237.1)
- CMYK
- cmyk(42% 14% 0% 45%)
Tints · Shades · Tones
Tints
- 638698
- 7393A3
- 84A0AE
- 95ADBA
- A6BAC5
- B8C8D0
- C9D5DC
- DBE3E7
- EDF1F3
Shades
- 46687A
- 3B5867
- 2F4855
- 253944
- 1A2B33
- 111D23
- 081014
- 020507
- 000101
Tones
- 577A8C
- 5C7B8B
- 617B89
- 667C88
- 6A7D87
- 6F7D85
- 737E84
- 777F83
- 7C7F81
Farbharmonien
Komplementär +180°
- 52798D
Cayman Bay
- 8D6A56
≈ Mocha Madness
Analog -30° +30°
- 52798D
Cayman Bay
- 4B7D80
≈ Submerged
- 617493
≈ Columbus
Triadisch +120° +240°
- 52798D
Cayman Bay
- 8C6677
≈ Sweet Violet
- 747651
≈ Secret Meadow
Geteilt komplementär +150° +210°
- 52798D
Cayman Bay
- 906765
≈ Roseland
- 83704F
≈ Outrigger
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.68:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.47:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.68:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--cayman-bay: #52798d;
--cayman-bay-rgb: 82 121 141;
--cayman-bay-oklch: oklch(0.555 0.054 231.3);
}
.element {
color: var(--cayman-bay);
background-color: hsl(200 26% 44%);
border-color: oklch(0.555 0.054 231.3);
}Tailwind CSS v4
@theme {
--color-cayman-bay: #52798d;
--color-cayman-bay-50: #e7f8ff;
--color-cayman-bay-100: #d7ebf7;
--color-cayman-bay-200: #bfd9e8;
--color-cayman-bay-300: #9dbdcf;
--color-cayman-bay-400: #7fa5b9;
--color-cayman-bay-500: #618da4;
--color-cayman-bay-600: #53778a;
--color-cayman-bay-700: #425f6f;
--color-cayman-bay-800: #2f4651;
--color-cayman-bay-900: #1f3139;
--color-cayman-bay-950: #0f1d23;
}SCSS
$cayman-bay: #52798d;
$cayman-bay-rgb: 82, 121, 141;
$cayman-bay-light: mix(#fff, $cayman-bay, 20%);
$cayman-bay-dark: mix(#000, $cayman-bay, 20%);
.element {
color: $cayman-bay;
box-shadow: 0 0 0 2px rgba($cayman-bay, 0.35);
}