Benannte Farbe · #353D75
Torea Bay
Torea Bay ist #353D75: rgb(53 61 117), hsl(233 38% 33%), oklch(0.383 0.095 274.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Torea Bay color name →
#353D75
oklch(0.383 0.095 274.9)
Farbumrechnungen
- HEX
- #353d75
- RGB
- rgb(53 61 117)
- HSL
- hsl(233 38% 33%)
- HWB
- hwb(233 21% 54%)
- OKLCH
- oklch(0.383 0.095 274.9)
- OKLab
- oklab(0.383 0.008 -0.095)
- CIE Lab
- lab(27.34 10.15 -33.86)
- LCH
- lch(27.34 35.35 286.7)
- CMYK
- cmyk(55% 48% 0% 54%)
Tints · Shades · Tones
Tints
- 464F83
- 586191
- 6B749E
- 7F87AC
- 939ABA
- A7AEC8
- BDC1D5
- D2D6E3
- E8EAF1
Shades
- 2D3465
- 252B55
- 1D2246
- 151A37
- 0E1229
- 080A1C
- 03040F
- 010105
- 000001
Tones
- 3C4477
- 434B78
- 4A527A
- 51587B
- 595F7C
- 60667D
- 686C7E
- 70737F
- 787980
Farbharmonien
Komplementär +180°
- 353D75
Torea Bay
- 504200
≈ Roman Bronze
Analog -30° +30°
- 353D75
Torea Bay
- 024772
≈ Medici Blue
- 4F346B
≈ Petunia
Triadisch +120° +240°
- 353D75
Torea Bay
- 6D2D1D
≈ Hereford Cow Brown
- 00512B
≈ Card Table Green
Geteilt komplementär +150° +210°
- 353D75
Torea Bay
- 623800
≈ Brown
- 384B01
≈ Godzilla
Tetradisch +90° +180° +270°
- 353D75
Torea Bay
- 6B2A3C
≈ Siren
- 504200
≈ Roman Bronze
- 004E48
≈ Action Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.11:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.07:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.11:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--torea-bay: #353d75;
--torea-bay-rgb: 53 61 117;
--torea-bay-oklch: oklch(0.383 0.095 274.9);
}
.element {
color: var(--torea-bay);
background-color: hsl(233 38% 33%);
border-color: oklch(0.383 0.095 274.9);
}Tailwind CSS v4
@theme {
--color-torea-bay: #353d75;
--color-torea-bay-50: #eef3ff;
--color-torea-bay-100: #dfe6ff;
--color-torea-bay-200: #c9d1fd;
--color-torea-bay-300: #aab4e8;
--color-torea-bay-400: #8e9ad7;
--color-torea-bay-500: #7481c5;
--color-torea-bay-600: #626da6;
--color-torea-bay-700: #4e5785;
--color-torea-bay-800: #374063;
--color-torea-bay-900: #262c46;
--color-torea-bay-950: #14192d;
}SCSS
$torea-bay: #353d75;
$torea-bay-rgb: 53, 61, 117;
$torea-bay-light: mix(#fff, $torea-bay, 20%);
$torea-bay-dark: mix(#000, $torea-bay, 20%);
.element {
color: $torea-bay;
box-shadow: 0 0 0 2px rgba($torea-bay, 0.35);
}