Adlandırılmış renk · #94D8E2
Quiet Pond
Quiet Pond, #94D8E2: rgb(148 216 226), hsl(188 57% 73%), oklch(0.84 0.07 207.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Quiet Pond color name →
#94D8E2
oklch(0.84 0.07 207.5)
Renk dönüşümleri
- HEX
- #94d8e2
- RGB
- rgb(148 216 226)
- HSL
- hsl(188 57% 73%)
- HWB
- hwb(188 58% 11%)
- OKLCH
- oklch(0.84 0.07 207.5)
- OKLab
- oklab(0.84 -0.062 -0.032)
- CIE Lab
- lab(82.07 -20.38 -12.14)
- LCH
- lch(82.07 23.72 210.8)
- CMYK
- cmyk(35% 4% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FDCE5
- ABE0E8
- B6E4EB
- C0E8EE
- CBECF1
- D6F0F3
- E0F3F6
- EAF7F9
- F5FBFC
Koyu tonlar
- 80BCC4
- 6DA0A8
- 5A858C
- 486B71
- 365357
- 263B3E
- 162527
- 081112
- 010203
Gri tonlar
- 93CFD8
- 91C6CE
- 90BDC4
- 8EB4BA
- 8CABB0
- 8AA2A6
- 889A9C
- 859193
- 838989
Renk uyumları
Tamamlayıcı +180°
- 94D8E2
Quiet Pond
- F5BAB2
≈ Ballerina Tears
Analog -30° +30°
- 94D8E2
Quiet Pond
- 99DACA
≈ Pageant Green
- A0D2F3
≈ Juzcar Blue
Üçlü +120° +240°
- 94D8E2
Quiet Pond
- E4BBE2
≈ Blackberry Yoghurt
- DEC997
≈ Nomadic Travels
Bölünmüş tamamlayıcı +150° +210°
- 94D8E2
Quiet Pond
- F1B8CB
≈ Berries N’ Cream
- EEC09F
≈ Madrid Beige
Dörtlü +90° +180° +270°
- 94D8E2
Quiet Pond
- CFC2F3
≈ Soap
- F5BAB2
≈ Ballerina Tears
- C7D19E
≈ Cricket Field
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.17:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--quiet-pond: #94d8e2;
--quiet-pond-rgb: 148 216 226;
--quiet-pond-oklch: oklch(0.84 0.07 207.5);
}
.element {
color: var(--quiet-pond);
background-color: hsl(188 57% 73%);
border-color: oklch(0.84 0.07 207.5);
}Tailwind CSS v4
@theme {
--color-quiet-pond: #94d8e2;
--color-quiet-pond-50: #dffbff;
--color-quiet-pond-100: #ceeff5;
--color-quiet-pond-200: #b3dde4;
--color-quiet-pond-300: #8ec2cb;
--color-quiet-pond-400: #6baab4;
--color-quiet-pond-500: #47939e;
--color-quiet-pond-600: #3d7d85;
--color-quiet-pond-700: #31646b;
--color-quiet-pond-800: #22494e;
--color-quiet-pond-900: #163336;
--color-quiet-pond-950: #071e21;
}SCSS
$quiet-pond: #94d8e2;
$quiet-pond-rgb: 148, 216, 226;
$quiet-pond-light: mix(#fff, $quiet-pond, 20%);
$quiet-pond-dark: mix(#000, $quiet-pond, 20%);
.element {
color: $quiet-pond;
box-shadow: 0 0 0 2px rgba($quiet-pond, 0.35);
}