En yakın adlandırılmış renk · #90C1FF
#90C1FF
En yakın adlandırılmış renk: Sail to the Sea
#90C1FF (rgb(144 193 255), hsl(214 100% 78%), oklch(0.8 0.103 254.7)) 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.
#90C1FF
oklch(0.8 0.103 254.7)
Renk dönüşümleri
- HEX
- #90c1ff
- RGB
- rgb(144 193 255)
- HSL
- hsl(214 100% 78%)
- HWB
- hwb(214 56% 0%)
- OKLCH
- oklch(0.8 0.103 254.7)
- OKLab
- oklab(0.8 -0.027 -0.099)
- CIE Lab
- lab(76.37 -4.65 -36.16)
- LCH
- lch(76.37 36.46 262.7)
- CMYK
- cmyk(44% 24% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9BC7FF
- A6CEFF
- B1D4FF
- BCDAFF
- C8E0FF
- D3E7FF
- DEEDFF
- E9F3FF
- F4F9FF
Koyu tonlar
- 7DA7DE
- 6A8FBE
- 57779E
- 455F80
- 344963
- 243448
- 15202E
- 070E16
- 010203
Gri tonlar
- 8FBAF2
- 8DB4E5
- 8CADD8
- 8BA7CB
- 89A0BE
- 879AB2
- 8694A5
- 848D99
- 82878C
Renk uyumları
Tamamlayıcı +180°
- 90C1FF
Sail to the Sea
- E5B470
≈ Pyramid Gold
Analog -30° +30°
- 90C1FF
Sail to the Sea
- 6DCCEF
≈ Spritzig
- B6B5FE
≈ Greyish Lavender
Üçlü +120° +240°
- 90C1FF
Sail to the Sea
- F8A2A9
≈ Simple Pink
- A2CD89
≈ Pistachio Dream
Bölünmüş tamamlayıcı +150° +210°
- 90C1FF
Sail to the Sea
- F6A886
≈ Sunset Peach
- C8C271
≈ Fresh Sprout
Dörtlü +90° +180° +270°
- 90C1FF
Sail to the Sea
- EDA3CD
≈ Elastic Pink
- E5B470
≈ Pyramid Gold
- 7AD3AD
≈ Pharaoh’s Jade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.86:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.25:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--sail-to-the-sea: #90c1ff;
--sail-to-the-sea-rgb: 144 193 255;
--sail-to-the-sea-oklch: oklch(0.8 0.103 254.7);
}
.element {
color: var(--sail-to-the-sea);
background-color: hsl(214 100% 78%);
border-color: oklch(0.8 0.103 254.7);
}Tailwind CSS v4
@theme {
--color-sail-to-the-sea: #90c1ff;
--color-sail-to-the-sea-50: #e3f7ff;
--color-sail-to-the-sea-100: #d2eaff;
--color-sail-to-the-sea-200: #b8d7ff;
--color-sail-to-the-sea-300: #96baec;
--color-sail-to-the-sea-400: #74a1da;
--color-sail-to-the-sea-500: #5588c9;
--color-sail-to-the-sea-600: #4873a9;
--color-sail-to-the-sea-700: #395c88;
--color-sail-to-the-sea-800: #274465;
--color-sail-to-the-sea-900: #1a2f47;
--color-sail-to-the-sea-950: #0a1b2e;
}SCSS
$sail-to-the-sea: #90c1ff;
$sail-to-the-sea-rgb: 144, 193, 255;
$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);
}