En yakın adlandırılmış renk · #94BFF7
#94BFF7
En yakın adlandırılmış renk: Sail to the Sea
#94BFF7 (rgb(148 191 247), hsl(214 86% 77%), oklch(0.795 0.092 255.3)) en çok Sail to the Sea adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#94BFF7
oklch(0.795 0.092 255.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FC6F8
- A9CCF9
- B4D2FA
- BFD9FB
- C9DFFC
- D4E6FD
- DFECFE
- E9F2FE
- F4F9FF
Koyu tonlar
- 80A6D7
- 6D8DB7
- 5A7599
- 485E7C
- 364860
- 263345
- 161F2C
- 080D15
- 010203
Gri tonlar
- 92B9EB
- 90B2DF
- 8FACD2
- 8DA6C6
- 8B9FBA
- 8999AF
- 8793A3
- 848D97
- 82868C
Renk uyumları
Tamamlayıcı +180°
- 94BFF7
Sail to the Sea
- DFB477
≈ Soft Chamois
Analog -30° +30°
- 94BFF7
Sail to the Sea
- 76C9E9
≈ Spritzig
- B6B4F6
≈ Purple Illusion
Üçlü +120° +240°
- 94BFF7
Sail to the Sea
- F1A4A9
≈ Pink Icing
- A2CA8E
≈ Arcadian Green
Bölünmüş tamamlayıcı +150° +210°
- 94BFF7
Sail to the Sea
- EEA98A
≈ Coral Dust
- C4C079
≈ Fresh Sprout
Dörtlü +90° +180° +270°
- 94BFF7
Sail to the Sea
- E8A4C9
≈ Prettiest Pink
- DFB477
≈ Soft Chamois
- 80CFAE
≈ Aquamarine Ocean
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.89:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.05:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
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);
}