Nazwany kolor · #A5CEEC
Sail
Sail to #A5CEEC: rgb(165 206 236), hsl(205 65% 79%), oklch(0.832 0.061 240.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Sail color name →
#A5CEEC
oklch(0.832 0.061 240.2)
Konwersje koloru
- HEX
- #a5ceec
- RGB
- rgb(165 206 236)
- HSL
- hsl(205 65% 79%)
- HWB
- hwb(205 65% 7%)
- OKLCH
- oklch(0.832 0.061 240.2)
- OKLab
- oklab(0.832 -0.03 -0.053)
- CIE Lab
- lab(80.57 -8.82 -19.54)
- LCH
- lch(80.57 21.44 245.7)
- CMYK
- cmyk(30% 13% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AED3EE
- B7D8F0
- C0DDF2
- C9E2F4
- D2E7F6
- DBEBF8
- E4F0FA
- EDF5FB
- F6FAFD
Odcienie ciemniejsze
- 8FB3CD
- 7998AF
- 657F92
- 516676
- 3D4E5B
- 2B3842
- 1A2329
- 0A0F13
- 010203
Tony
- A1C6E1
- 9EBED6
- 9AB6CB
- 97AEC0
- 93A6B5
- 8F9FAA
- 8C979F
- 888F95
- 84888A
Harmonie kolorów
Komplementarna +180°
- A5CEEC
Sail
- E6BFA1
≈ Fabulous Fawn
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- A5CEEC
Sail
- EDBAB1
≈ Pink Cashmere
- D7C79B
≈ Parsnip
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.66:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.63:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--sail: #a5ceec;
--sail-rgb: 165 206 236;
--sail-oklch: oklch(0.832 0.061 240.2);
}
.element {
color: var(--sail);
background-color: hsl(205 65% 79%);
border-color: oklch(0.832 0.061 240.2);
}Tailwind CSS v4
@theme {
--color-sail: #a5ceec;
--color-sail-50: #e7f8ff;
--color-sail-100: #d7ebfb;
--color-sail-200: #bfd8ec;
--color-sail-300: #9dbcd4;
--color-sail-400: #7ea4bf;
--color-sail-500: #618cab;
--color-sail-600: #527690;
--color-sail-700: #415f74;
--color-sail-800: #2e4655;
--color-sail-900: #1f303b;
--color-sail-950: #0f1c25;
}SCSS
$sail: #a5ceec;
$sail-rgb: 165, 206, 236;
$sail-light: mix(#fff, $sail, 20%);
$sail-dark: mix(#000, $sail, 20%);
.element {
color: $sail;
box-shadow: 0 0 0 2px rgba($sail, 0.35);
}