Couleur nommée la plus proche · #94BFF7
#94BFF7
Couleur nommée la plus proche: Sail to the Sea
#94BFF7 (rgb(148 191 247), hsl(214 86% 77%), oklch(0.795 0.092 255.3)) est la plus proche de la couleur nommée Sail to the Sea. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#94BFF7
oklch(0.795 0.092 255.3)
Conversions de couleur
- HEX
- #94bff7
- RGB
- rgb(148 191 247)
- HSL
- hsl(214 86% 77%)
- HWB
- hwb(214 58% 3%)
- OKLCH
- oklch(0.795 0.092 255.3)
- OKLab
- oklab(0.795 -0.024 -0.089)
- CIE Lab
- lab(75.81 -4.24 -32.73)
- LCH
- lch(75.81 33 262.6)
- CMYK
- cmyk(40% 23% 0% 3%)
Teintes · Ombres · Tons
Teintes
- 9FC6F8
- A9CCF9
- B4D2FA
- BFD9FB
- C9DFFC
- D4E6FD
- DFECFE
- E9F2FE
- F4F9FF
Ombres
- 80A6D7
- 6D8DB7
- 5A7599
- 485E7C
- 364860
- 263345
- 161F2C
- 080D15
- 010203
Tons
- 92B9EB
- 90B2DF
- 8FACD2
- 8DA6C6
- 8B9FBA
- 8999AF
- 8793A3
- 848D97
- 82868C
Harmonies de couleurs
Complémentaire +180°
- 94BFF7
Sail to the Sea
- DFB477
≈ Soft Chamois
Analogue -30° +30°
- 94BFF7
Sail to the Sea
- 76C9E9
≈ Spritzig
- B6B4F6
≈ Purple Illusion
Triadique +120° +240°
- 94BFF7
Sail to the Sea
- F1A4A9
≈ Pink Icing
- A2CA8E
≈ Arcadian Green
Complémentaire divisée +150° +210°
- 94BFF7
Sail to the Sea
- EEA98A
≈ Coral Dust
- C4C079
≈ Fresh Sprout
Tétradique +90° +180° +270°
- 94BFF7
Sail to the Sea
- E8A4C9
≈ Prettiest Pink
- DFB477
≈ Soft Chamois
- 80CFAE
≈ Aquamarine Ocean
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.89:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.05:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--sail-to-the-sea: #94bff7;
--sail-to-the-sea-rgb: 148 191 247;
--sail-to-the-sea-oklch: oklch(0.795 0.092 255.3);
}
.element {
color: var(--sail-to-the-sea);
background-color: hsl(214 86% 77%);
border-color: oklch(0.795 0.092 255.3);
}Tailwind CSS v4
@theme {
--color-sail-to-the-sea: #94bff7;
--color-sail-to-the-sea-50: #e5f7ff;
--color-sail-to-the-sea-100: #d5eaff;
--color-sail-to-the-sea-200: #bcd6fc;
--color-sail-to-the-sea-300: #9abae7;
--color-sail-to-the-sea-400: #79a1d5;
--color-sail-to-the-sea-500: #5b88c2;
--color-sail-to-the-sea-600: #4e73a4;
--color-sail-to-the-sea-700: #3e5c84;
--color-sail-to-the-sea-800: #2b4462;
--color-sail-to-the-sea-900: #1d2f45;
--color-sail-to-the-sea-950: #0d1b2c;
}SCSS
$sail-to-the-sea: #94bff7;
$sail-to-the-sea-rgb: 148, 191, 247;
$sail-to-the-sea-light: mix(#fff, $sail-to-the-sea, 20%);
$sail-to-the-sea-dark: mix(#000, $sail-to-the-sea, 20%);
.element {
color: $sail-to-the-sea;
box-shadow: 0 0 0 2px rgba($sail-to-the-sea, 0.35);
}