Warna bernama terdekat · #3E8EAD
#3E8EAD
Warna bernama terdekat: Mediterranean Sea
#3E8EAD (rgb(62 142 173), hsl(197 47% 46%), oklch(0.61 0.09 226.7)) paling mendekati warna bernama Mediterranean Sea. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#3E8EAD
oklch(0.61 0.09 226.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 5499B5
- 68A4BD
- 7CAFC6
- 8FBBCE
- A1C6D6
- B4D1DE
- C7DDE6
- D9E8EF
- ECF3F7
Shade
- 357B96
- 2B687F
- 23566A
- 1A4455
- 123441
- 0A242D
- 04151B
- 01070B
- 000101
Tone
- 488DA9
- 508CA4
- 588AA0
- 5F899B
- 658897
- 6B8692
- 71858E
- 768389
- 7B8285
Harmoni warna
Komplementer +180°
- 3E8EAD
Mediterranean Sea
- B07253
≈ Glazed Pot
Analog -30° +30°
- 3E8EAD
Mediterranean Sea
- 2E9495
≈ Sea Fantasy
- 5F85B9
≈ Marine Ink
Triadik +120° +240°
- 3E8EAD
Mediterranean Sea
- AB6D8E
≈ Purple Starburst
- 8A8743
≈ Overgrown Citadel
Split-komplementer +150° +210°
- 3E8EAD
Mediterranean Sea
- B36C70
≈ Dusty Rose
- A27C40
≈ Wood Thrush
Tetradik +90° +180° +270°
- 3E8EAD
Mediterranean Sea
- 9972A7
≈ Ce Soir
- B07253
≈ Glazed Pot
- 699059
≈ Irish Charm
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.69:1 · APCA Lc 64
Ag
AADi atas hitam
WCAG 5.67:1 · APCA Lc 37
Warna teks terbaik: #000000
WCAG 5.67:1 (AA) · APCA Lc 37
Contrast pairs
Cuplikan kode
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);
}