Nächste benannte Farbe · #7BB4C6
#7BB4C6
Nächste benannte Farbe: Glacier
#7BB4C6 (rgb(123 180 198), hsl(194 40% 63%), oklch(0.737 0.065 219.6)) liegt am nächsten an der benannten Farbe Glacier. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7BB4C6
oklch(0.737 0.065 219.6)
Farbumrechnungen
- HEX
- #7bb4c6
- RGB
- rgb(123 180 198)
- HSL
- hsl(194 40% 63%)
- HWB
- hwb(194 48% 22%)
- OKLCH
- oklch(0.737 0.065 219.6)
- OKLab
- oklab(0.737 -0.05 -0.041)
- CIE Lab
- lab(69.86 -15.83 -15.41)
- LCH
- lch(69.86 22.09 224.2)
- CMYK
- cmyk(38% 9% 0% 22%)
Tints · Shades · Tones
Tints
- 89BBCC
- 96C3D1
- A3CAD7
- B0D2DD
- BDD9E2
- CAE1E8
- D8E8EE
- E5F0F4
- F2F7F9
Shades
- 6A9CAC
- 5A8592
- 4A6E7A
- 3A5862
- 2C444B
- 1E3035
- 101D21
- 050C0E
- 010202
Tones
- 7CAFBF
- 7DAAB8
- 7EA4B1
- 7F9FAA
- 7F9AA3
- 80959C
- 809095
- 808A8E
- 808587
Farbharmonien
Komplementär +180°
- 7BB4C6
Glacier
- CE9D8C
≈ Artefact
Analog -30° +30°
- 7BB4C6
Glacier
- 79B7B3
≈ Kingfisher Turquoise
- 8BAED2
≈ Mini Bay
Triadisch +120° +240°
- 7BB4C6
Glacier
- C69AB7
≈ Morning Glory Pink
- B3AB7C
≈ Even Growth
Geteilt komplementär +150° +210°
- 7BB4C6
Glacier
- CF99A1
≈ Cooing Doves
- C5A37E
≈ Almandine
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.28:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.18:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--glacier: #7bb4c6;
--glacier-rgb: 123 180 198;
--glacier-oklch: oklch(0.737 0.065 219.6);
}
.element {
color: var(--glacier);
background-color: hsl(194 40% 63%);
border-color: oklch(0.737 0.065 219.6);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb4c6;
--color-glacier-50: #e2faff;
--color-glacier-100: #d2edf7;
--color-glacier-200: #b7dbe8;
--color-glacier-300: #93c0cf;
--color-glacier-400: #72a8b9;
--color-glacier-500: #5190a4;
--color-glacier-600: #467a8a;
--color-glacier-700: #37626f;
--color-glacier-800: #274851;
--color-glacier-900: #1a3239;
--color-glacier-950: #0a1e23;
}SCSS
$glacier: #7bb4c6;
$glacier-rgb: 123, 180, 198;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}