Adlandırılmış renk · #86C8ED
Fish Pond
Fish Pond, #86C8ED: rgb(134 200 237), hsl(202 74% 73%), oklch(0.802 0.085 233.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Fish Pond color name →
#86C8ED
oklch(0.802 0.085 233.9)
Renk dönüşümleri
- HEX
- #86c8ed
- RGB
- rgb(134 200 237)
- HSL
- hsl(202 74% 73%)
- HWB
- hwb(202 53% 7%)
- OKLCH
- oklch(0.802 0.085 233.9)
- OKLab
- oklab(0.802 -0.05 -0.069)
- CIE Lab
- lab(77.19 -14.54 -25.38)
- LCH
- lch(77.19 29.25 240.2)
- CMYK
- cmyk(43% 16% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 93CEEF
- 9FD3F1
- ACD9F3
- B8DEF5
- C4E4F7
- D0E9F8
- DCEFFA
- E7F4FC
- F3FAFD
Koyu tonlar
- 74AECE
- 6294B0
- 517B93
- 406377
- 304C5C
- 213642
- 13212A
- 060F14
- 010203
Gri tonlar
- 86C1E2
- 86B9D7
- 86B2CB
- 86ABC0
- 85A4B5
- 859DAB
- 8495A0
- 838E95
- 81878B
Renk uyumları
Tamamlayıcı +180°
- 86C8ED
Fish Pond
- EAB08A
≈ Trick or Treat
Analog -30° +30°
- 86C8ED
Fish Pond
- 77CFD7
≈ Summer of ’82
- A2BEF6
≈ Pastel Blue
Üçlü +120° +240°
- 86C8ED
Fish Pond
- EBA8C2
≈ Tickled Pink
- BDC585
≈ Misty Valley
Bölünmüş tamamlayıcı +150° +210°
- 86C8ED
Fish Pond
- F0A9A4
≈ Pressed Rose
- D8BA7E
≈ Honeymoon
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.49:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--fish-pond: #86c8ed;
--fish-pond-rgb: 134 200 237;
--fish-pond-oklch: oklch(0.802 0.085 233.9);
}
.element {
color: var(--fish-pond);
background-color: hsl(202 74% 73%);
border-color: oklch(0.802 0.085 233.9);
}Tailwind CSS v4
@theme {
--color-fish-pond: #86c8ed;
--color-fish-pond-50: #dffaff;
--color-fish-pond-100: #ceedff;
--color-fish-pond-200: #b2dbf4;
--color-fish-pond-300: #8dbfdd;
--color-fish-pond-400: #6aa7c9;
--color-fish-pond-500: #468fb6;
--color-fish-pond-600: #3c799a;
--color-fish-pond-700: #30617b;
--color-fish-pond-800: #20475b;
--color-fish-pond-900: #15323f;
--color-fish-pond-950: #061d28;
}SCSS
$fish-pond: #86c8ed;
$fish-pond-rgb: 134, 200, 237;
$fish-pond-light: mix(#fff, $fish-pond, 20%);
$fish-pond-dark: mix(#000, $fish-pond, 20%);
.element {
color: $fish-pond;
box-shadow: 0 0 0 2px rgba($fish-pond, 0.35);
}