Adlandırılmış renk · #20586D
Night Edition
Night Edition, #20586D: rgb(32 88 109), hsl(196 55% 28%), oklch(0.433 0.067 226.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Night Edition color name →
#20586D
oklch(0.433 0.067 226.4)
Renk dönüşümleri
- HEX
- #20586d
- RGB
- rgb(32 88 109)
- HSL
- hsl(196 55% 28%)
- HWB
- hwb(196 13% 57%)
- OKLCH
- oklch(0.433 0.067 226.4)
- OKLab
- oklab(0.433 -0.046 -0.049)
- CIE Lab
- lab(34.49 -13.33 -17.8)
- LCH
- lch(34.49 22.24 233.2)
- CMYK
- cmyk(71% 19% 0% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 38687B
- 4E7789
- 638797
- 7998A5
- 8EA8B4
- A4B9C3
- BACAD1
- D1DCE0
- E8EDF0
Koyu tonlar
- 1A4B5E
- 153F4F
- 0F3341
- 0A2833
- 061D26
- 031219
- 01090D
- 000304
- 000001
Gri tonlar
- 2C5C6F
- 376071
- 416473
- 4B6875
- 546C77
- 5D7079
- 66747B
- 6E787C
- 777C7E
Renk uyumları
Tamamlayıcı +180°
- 20586D
Night Edition
- 6F4530
≈ Brisket
Analog -30° +30°
- 20586D
Night Edition
- 145C5D
≈ Emerald Pool
- 385275
≈ Aerostatics
Üçlü +120° +240°
- 20586D
Night Edition
- 6B4158
≈ Prune Purple
- 555324
≈ Private Green
Bölünmüş tamamlayıcı +150° +210°
- 20586D
Night Edition
- 714144
≈ Tosca
- 664B23
≈ Black Queen
Dörtlü +90° +180° +270°
- 20586D
Night Edition
- 5F4569
≈ Velvet Beret
- 6F4530
≈ Brisket
- 3F5934
≈ Turf
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.84:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.67:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-edition: #20586d;
--night-edition-rgb: 32 88 109;
--night-edition-oklch: oklch(0.433 0.067 226.4);
}
.element {
color: var(--night-edition);
background-color: hsl(196 55% 28%);
border-color: oklch(0.433 0.067 226.4);
}Tailwind CSS v4
@theme {
--color-night-edition: #20586d;
--color-night-edition-50: #e2f9ff;
--color-night-edition-100: #d2edfa;
--color-night-edition-200: #b8dbeb;
--color-night-edition-300: #94bfd3;
--color-night-edition-400: #73a7bd;
--color-night-edition-500: #528fa8;
--color-night-edition-600: #46798e;
--color-night-edition-700: #386172;
--color-night-edition-800: #274754;
--color-night-edition-900: #1a313a;
--color-night-edition-950: #0a1d24;
}SCSS
$night-edition: #20586d;
$night-edition-rgb: 32, 88, 109;
$night-edition-light: mix(#fff, $night-edition, 20%);
$night-edition-dark: mix(#000, $night-edition, 20%);
.element {
color: $night-edition;
box-shadow: 0 0 0 2px rgba($night-edition, 0.35);
}