En yakın adlandırılmış renk · #3E8EAD
#3E8EAD
En yakın adlandırılmış renk: Mediterranean Sea
#3E8EAD (rgb(62 142 173), hsl(197 47% 46%), oklch(0.61 0.09 226.7)) en çok Mediterranean 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.
#3E8EAD
oklch(0.61 0.09 226.7)
Renk dönüşümleri
- HEX
- #3e8ead
- RGB
- rgb(62 142 173)
- HSL
- hsl(197 47% 46%)
- HWB
- hwb(197 24% 32%)
- OKLCH
- oklch(0.61 0.09 226.7)
- OKLab
- oklab(0.61 -0.062 -0.066)
- CIE Lab
- lab(55.07 -17.97 -24.13)
- LCH
- lch(55.07 30.08 233.3)
- CMYK
- cmyk(64% 18% 0% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5499B5
- 68A4BD
- 7CAFC6
- 8FBBCE
- A1C6D6
- B4D1DE
- C7DDE6
- D9E8EF
- ECF3F7
Koyu tonlar
- 357B96
- 2B687F
- 23566A
- 1A4455
- 123441
- 0A242D
- 04151B
- 01070B
- 000101
Gri tonlar
- 488DA9
- 508CA4
- 588AA0
- 5F899B
- 658897
- 6B8692
- 71858E
- 768389
- 7B8285
Renk uyumları
Tamamlayıcı +180°
- 3E8EAD
Mediterranean Sea
- B07253
≈ Glazed Pot
Analog -30° +30°
- 3E8EAD
Mediterranean Sea
- 2E9495
≈ Sea Fantasy
- 5F85B9
≈ Marine Ink
Üçlü +120° +240°
- 3E8EAD
Mediterranean Sea
- AB6D8E
≈ Purple Starburst
- 8A8743
≈ Overgrown Citadel
Bölünmüş tamamlayıcı +150° +210°
- 3E8EAD
Mediterranean Sea
- B36C70
≈ Dusty Rose
- A27C40
≈ Wood Thrush
Dörtlü +90° +180° +270°
- 3E8EAD
Mediterranean Sea
- 9972A7
≈ Ce Soir
- B07253
≈ Glazed Pot
- 699059
≈ Irish Charm
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.69:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.67:1 · APCA Lc 37
En iyi metin rengi: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Kod parçacıkları
CSS
:root {
--mediterranean-sea: #3e8ead;
--mediterranean-sea-rgb: 62 142 173;
--mediterranean-sea-oklch: oklch(0.61 0.09 226.7);
}
.element {
color: var(--mediterranean-sea);
background-color: hsl(197 47% 46%);
border-color: oklch(0.61 0.09 226.7);
}Tailwind CSS v4
@theme {
--color-mediterranean-sea: #3e8ead;
--color-mediterranean-sea-50: #dcfbff;
--color-mediterranean-sea-100: #caeeff;
--color-mediterranean-sea-200: #addcf3;
--color-mediterranean-sea-300: #86c1dc;
--color-mediterranean-sea-400: #60a9c8;
--color-mediterranean-sea-500: #3692b4;
--color-mediterranean-sea-600: #2f7b98;
--color-mediterranean-sea-700: #26637a;
--color-mediterranean-sea-800: #18495a;
--color-mediterranean-sea-900: #10333f;
--color-mediterranean-sea-950: #021e28;
}SCSS
$mediterranean-sea: #3e8ead;
$mediterranean-sea-rgb: 62, 142, 173;
$mediterranean-sea-light: mix(#fff, $mediterranean-sea, 20%);
$mediterranean-sea-dark: mix(#000, $mediterranean-sea, 20%);
.element {
color: $mediterranean-sea;
box-shadow: 0 0 0 2px rgba($mediterranean-sea, 0.35);
}