Nächste benannte Farbe · #34738C
#34738C
Nächste benannte Farbe: Calypso
#34738C (rgb(52 115 140), hsl(197 46% 38%), oklch(0.525 0.075 226.9)) liegt am nächsten an der benannten Farbe Calypso. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#34738C
oklch(0.525 0.075 226.9)
Farbumrechnungen
- HEX
- #34738c
- RGB
- rgb(52 115 140)
- HSL
- hsl(197 46% 38%)
- HWB
- hwb(197 20% 45%)
- OKLCH
- oklch(0.525 0.075 226.9)
- OKLab
- oklab(0.525 -0.051 -0.055)
- CIE Lab
- lab(45.14 -14.94 -20.19)
- LCH
- lch(45.14 25.12 233.5)
- CMYK
- cmyk(63% 18% 0% 45%)
Tints · Shades · Tones
Tints
- 4A8097
- 5E8EA2
- 729CAE
- 86A9B9
- 9AB7C5
- ADC5D0
- C2D4DC
- D6E2E7
- EAF0F3
Shades
- 2C6379
- 245467
- 1C4555
- 153643
- 0E2833
- 071B23
- 030F14
- 010507
- 000101
Tones
- 3E748B
- 47768A
- 4F7789
- 577988
- 5E7A87
- 657B85
- 6C7D84
- 737E83
- 797F81
Farbharmonien
Komplementär +180°
- 34738C
Calypso
- 8E5C44
≈ Artisan
Analog -30° +30°
- 34738C
Calypso
- 287879
≈ Atoll
- 4E6C96
≈ Blue Odyssey
Triadisch +120° +240°
- 34738C
Calypso
- 8A5873
≈ Indian Silk
- 6F6D37
≈ Tuscan Hills
Geteilt komplementär +150° +210°
- 34738C
Calypso
- 91585B
≈ Baca Berry
- 836435
≈ Dirt Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.28:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.97:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--calypso: #34738c;
--calypso-rgb: 52 115 140;
--calypso-oklch: oklch(0.525 0.075 226.9);
}
.element {
color: var(--calypso);
background-color: hsl(197 46% 38%);
border-color: oklch(0.525 0.075 226.9);
}Tailwind CSS v4
@theme {
--color-calypso: #34738c;
--color-calypso-50: #e0faff;
--color-calypso-100: #cfedfc;
--color-calypso-200: #b4dbee;
--color-calypso-300: #8fbfd6;
--color-calypso-400: #6da8c1;
--color-calypso-500: #4a90ad;
--color-calypso-600: #407a92;
--color-calypso-700: #336275;
--color-calypso-800: #224856;
--color-calypso-900: #17323c;
--color-calypso-950: #081e26;
}SCSS
$calypso: #34738c;
$calypso-rgb: 52, 115, 140;
$calypso-light: mix(#fff, $calypso, 20%);
$calypso-dark: mix(#000, $calypso, 20%);
.element {
color: $calypso;
box-shadow: 0 0 0 2px rgba($calypso, 0.35);
}