Nazwany kolor · #86C8ED
Fish Pond
Fish Pond to #86C8ED: rgb(134 200 237), hsl(202 74% 73%), oklch(0.802 0.085 233.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Fish Pond color name →
#86C8ED
oklch(0.802 0.085 233.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93CEEF
- 9FD3F1
- ACD9F3
- B8DEF5
- C4E4F7
- D0E9F8
- DCEFFA
- E7F4FC
- F3FAFD
Odcienie ciemniejsze
- 74AECE
- 6294B0
- 517B93
- 406377
- 304C5C
- 213642
- 13212A
- 060F14
- 010203
Tony
- 86C1E2
- 86B9D7
- 86B2CB
- 86ABC0
- 85A4B5
- 859DAB
- 8495A0
- 838E95
- 81878B
Harmonie kolorów
Komplementarna +180°
- 86C8ED
Fish Pond
- EAB08A
≈ Trick or Treat
Analogowa -30° +30°
- 86C8ED
Fish Pond
- 77CFD7
≈ Summer of ’82
- A2BEF6
≈ Pastel Blue
Triada +120° +240°
- 86C8ED
Fish Pond
- EBA8C2
≈ Tickled Pink
- BDC585
≈ Misty Valley
Komplementarna rozszczepiona +150° +210°
- 86C8ED
Fish Pond
- F0A9A4
≈ Pressed Rose
- D8BA7E
≈ Honeymoon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.49:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.49:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
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);
}