Benannte Farbe · #768294
Tranquil Pond
Tranquil Pond ist #768294: rgb(118 130 148), hsl(216 12% 52%), oklch(0.603 0.031 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tranquil Pond color name →
#768294
oklch(0.603 0.031 258.4)
Farbumrechnungen
- HEX
- #768294
- RGB
- rgb(118 130 148)
- HSL
- hsl(216 12% 52%)
- HWB
- hwb(216 46% 42%)
- OKLCH
- oklch(0.603 0.031 258.4)
- OKLab
- oklab(0.603 -0.006 -0.03)
- CIE Lab
- lab(53.84 -1.51 -11.29)
- LCH
- lch(53.84 11.39 262.4)
- CMYK
- cmyk(20% 12% 0% 42%)
Tints · Shades · Tones
Tints
- 838E9E
- 909AA9
- 9DA6B3
- ABB2BE
- B8BFC8
- C6CBD3
- D4D8DE
- E2E5E9
- F1F2F4
Shades
- 667080
- 565F6D
- 474E5A
- 383E48
- 292F36
- 1C2026
- 0F1216
- 050608
- 010101
Tones
- 778292
- 788290
- 79818E
- 7A818C
- 7B818A
- 7C8188
- 7D8186
- 7E8084
- 7F8082
Farbharmonien
Komplementär +180°
- 768294
Tranquil Pond
- 8B7F6D
≈ Teakwood
Analog -30° +30°
- 768294
Tranquil Pond
- 6E8590
≈ Indigo Mouse
- 807F93
≈ Purpletone
Triadisch +120° +240°
- 768294
Tranquil Pond
- 937A7A
≈ Chocolaty
- 788674
≈ Privet
Geteilt komplementär +150° +210°
- 768294
Tranquil Pond
- 917C71
≈ Motto
- 82836E
≈ Olive Paste
Tetradisch +90° +180° +270°
- 768294
Tranquil Pond
- 907A84
≈ Iced Orchid
- 8B7F6D
≈ Teakwood
- 70877E
≈ Misty Moor
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.89:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.39:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.39:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--tranquil-pond: #768294;
--tranquil-pond-rgb: 118 130 148;
--tranquil-pond-oklch: oklch(0.603 0.031 258.4);
}
.element {
color: var(--tranquil-pond);
background-color: hsl(216 12% 52%);
border-color: oklch(0.603 0.031 258.4);
}Tailwind CSS v4
@theme {
--color-tranquil-pond: #768294;
--color-tranquil-pond-50: #f0f5fe;
--color-tranquil-pond-100: #e2e8f3;
--color-tranquil-pond-200: #cdd5e2;
--color-tranquil-pond-300: #aeb8c8;
--color-tranquil-pond-400: #939fb1;
--color-tranquil-pond-500: #7a879b;
--color-tranquil-pond-600: #677283;
--color-tranquil-pond-700: #525b69;
--color-tranquil-pond-800: #3c434d;
--color-tranquil-pond-900: #292e36;
--color-tranquil-pond-950: #171b21;
}SCSS
$tranquil-pond: #768294;
$tranquil-pond-rgb: 118, 130, 148;
$tranquil-pond-light: mix(#fff, $tranquil-pond, 20%);
$tranquil-pond-dark: mix(#000, $tranquil-pond, 20%);
.element {
color: $tranquil-pond;
box-shadow: 0 0 0 2px rgba($tranquil-pond, 0.35);
}