Adlandırılmış renk · #5482C2
Sea Note
Sea Note, #5482C2: rgb(84 130 194), hsl(215 47% 55%), oklch(0.602 0.111 256.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Sea Note color name →
#5482C2
oklch(0.602 0.111 256.9)
Renk dönüşümleri
- HEX
- #5482c2
- RGB
- rgb(84 130 194)
- HSL
- hsl(215 47% 55%)
- HWB
- hwb(215 33% 24%)
- OKLCH
- oklch(0.602 0.111 256.9)
- OKLab
- oklab(0.602 -0.025 -0.108)
- CIE Lab
- lab(53.22 -1.49 -38.83)
- LCH
- lch(53.22 38.86 267.8)
- CMYK
- cmyk(57% 33% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 658EC9
- 759BCF
- 86A7D6
- 97B4DC
- A8C0E2
- B9CCE8
- CAD9EE
- DCE6F4
- EDF2F9
Koyu tonlar
- 4870A8
- 3C5F8F
- 314E77
- 263E60
- 1B2F49
- 112034
- 081220
- 02060E
- 000102
Gri tonlar
- 5982BC
- 5E82B5
- 6382AF
- 6782A8
- 6B82A2
- 70829B
- 748195
- 78818E
- 7C8187
Renk uyumları
Tamamlayıcı +180°
- 5482C2
Sea Note
- A67726
≈ Hot Toddy
Analog -30° +30°
- 5482C2
Sea Note
- 188DB4
≈ Hidden Springs
- 7D76BF
≈ Purple Hebe
Üçlü +120° +240°
- 5482C2
Sea Note
- B96369
≈ Terra Rosa
- 60904C
≈ Field Time Green
Bölünmüş tamamlayıcı +150° +210°
- 5482C2
Sea Note
- B66A44
≈ Truepenny
- 89852A
≈ Fickle Pickle
Dörtlü +90° +180° +270°
- 5482C2
Sea Note
- B0648E
≈ Exotic Bloom
- A67726
≈ Hot Toddy
- 299573
≈ Pool Table
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.92:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.34:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--sea-note: #5482c2;
--sea-note-rgb: 84 130 194;
--sea-note-oklch: oklch(0.602 0.111 256.9);
}
.element {
color: var(--sea-note);
background-color: hsl(215 47% 55%);
border-color: oklch(0.602 0.111 256.9);
}Tailwind CSS v4
@theme {
--color-sea-note: #5482c2;
--color-sea-note-50: #e2f7ff;
--color-sea-note-100: #d2eaff;
--color-sea-note-200: #b8d6ff;
--color-sea-note-300: #95b9f0;
--color-sea-note-400: #73a0df;
--color-sea-note-500: #5487ce;
--color-sea-note-600: #4873ae;
--color-sea-note-700: #395c8c;
--color-sea-note-800: #264368;
--color-sea-note-900: #1a2f49;
--color-sea-note-950: #0a1b30;
}SCSS
$sea-note: #5482c2;
$sea-note-rgb: 84, 130, 194;
$sea-note-light: mix(#fff, $sea-note, 20%);
$sea-note-dark: mix(#000, $sea-note, 20%);
.element {
color: $sea-note;
box-shadow: 0 0 0 2px rgba($sea-note, 0.35);
}