Adlandırılmış renk · #225374
Midnight Sonata
Midnight Sonata, #225374: rgb(34 83 116), hsl(204 55% 29%), oklch(0.425 0.076 241.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Midnight Sonata color name →
#225374
oklch(0.425 0.076 241.3)
Renk dönüşümleri
- HEX
- #225374
- RGB
- rgb(34 83 116)
- HSL
- hsl(204 55% 29%)
- HWB
- hwb(204 13% 55%)
- OKLCH
- oklch(0.425 0.076 241.3)
- OKLab
- oklab(0.425 -0.037 -0.067)
- CIE Lab
- lab(33.17 -8.16 -24.16)
- LCH
- lch(33.17 25.5 251.3)
- CMYK
- cmyk(71% 28% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 396381
- 4E738F
- 63849D
- 7895AA
- 8EA6B8
- A4B7C6
- BAC9D4
- D1DBE2
- E8EDF1
Koyu tonlar
- 1C4764
- 163B54
- 113045
- 0B2537
- 071B29
- 03111B
- 01080F
- 000205
- 000001
Gri tonlar
- 2D5876
- 375C77
- 416178
- 4A657A
- 536A7B
- 5C6E7C
- 65737D
- 6E777E
- 777C7F
Renk uyumları
Tamamlayıcı +180°
- 225374
Midnight Sonata
- 6C441E
≈ Bunni Brown
Analog -30° +30°
- 225374
Midnight Sonata
- 005965
≈ Abyssal Waters
- 3F4B78
≈ Takaka
Üçlü +120° +240°
- 225374
Midnight Sonata
- 703B4C
≈ Grapeshot
- 485521
≈ Army Green
Bölünmüş tamamlayıcı +150° +210°
- 225374
Midnight Sonata
- 723D34
≈ Single Origin
- 5E4C14
≈ Mud Brown
Dörtlü +90° +180° +270°
- 225374
Midnight Sonata
- 663E61
≈ Purple Odyssey
- 6C441E
≈ Bunni Brown
- 2B5A39
≈ Greenbriar
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.21:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.21:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--midnight-sonata: #225374;
--midnight-sonata-rgb: 34 83 116;
--midnight-sonata-oklch: oklch(0.425 0.076 241.3);
}
.element {
color: var(--midnight-sonata);
background-color: hsl(204 55% 29%);
border-color: oklch(0.425 0.076 241.3);
}Tailwind CSS v4
@theme {
--color-midnight-sonata: #225374;
--color-midnight-sonata-50: #e3f8ff;
--color-midnight-sonata-100: #d3ecff;
--color-midnight-sonata-200: #b9d9f3;
--color-midnight-sonata-300: #96bddc;
--color-midnight-sonata-400: #76a5c8;
--color-midnight-sonata-500: #568db4;
--color-midnight-sonata-600: #497798;
--color-midnight-sonata-700: #3a5f7a;
--color-midnight-sonata-800: #28465a;
--color-midnight-sonata-900: #1b303f;
--color-midnight-sonata-950: #0b1d28;
}SCSS
$midnight-sonata: #225374;
$midnight-sonata-rgb: 34, 83, 116;
$midnight-sonata-light: mix(#fff, $midnight-sonata, 20%);
$midnight-sonata-dark: mix(#000, $midnight-sonata, 20%);
.element {
color: $midnight-sonata;
box-shadow: 0 0 0 2px rgba($midnight-sonata, 0.35);
}