En yakın adlandırılmış renk · #25798B
#25798B
En yakın adlandırılmış renk: Panorama
#25798B (rgb(37 121 139), hsl(191 58% 35%), oklch(0.535 0.082 215.2)) en çok Panorama 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.
#25798B
oklch(0.535 0.082 215.2)
Renk dönüşümleri
- HEX
- #25798b
- RGB
- rgb(37 121 139)
- HSL
- hsl(191 58% 35%)
- HWB
- hwb(191 15% 45%)
- OKLCH
- oklch(0.535 0.082 215.2)
- OKLab
- oklab(0.535 -0.067 -0.047)
- CIE Lab
- lab(46.56 -20.95 -17.5)
- LCH
- lch(46.56 27.3 219.9)
- CMYK
- cmyk(73% 13% 0% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 408696
- 5793A2
- 6DA0AD
- 82ADB8
- 96BBC4
- ABC8D0
- C0D6DB
- D5E3E7
- EAF1F3
Koyu tonlar
- 1F6878
- 195866
- 134854
- 0D3943
- 082B32
- 041D23
- 021014
- 000507
- 000101
Gri tonlar
- 337A8A
- 3F7B89
- 497C88
- 527C87
- 5B7D86
- 637E85
- 6A7E84
- 727F82
- 798081
Renk uyumları
Tamamlayıcı +180°
- 25798B
Panorama
- 975B4C
≈ Caliente
Analog -30° +30°
- 25798B
Panorama
- 257D73
≈ Elegant Silk
- 42729A
≈ Phenomenon
Üçlü +120° +240°
- 25798B
Panorama
- 8B5A80
≈ Dusky Purple
- 7C6D30
≈ Garden Weed
Bölünmüş tamamlayıcı +150° +210°
- 25798B
Panorama
- 955866
≈ Vive L’amour
- 8E6336
≈ McKenzie
Dörtlü +90° +180° +270°
- 25798B
Panorama
- 786194
≈ Super Violet
- 975B4C
≈ Caliente
- 62763F
≈ Ghoul
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.01:1 · APCA Lc 74
Ag
FailSiyah üzerinde
WCAG 4.18:1 · APCA Lc 27
En iyi metin rengi: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--panorama: #25798b;
--panorama-rgb: 37 121 139;
--panorama-oklch: oklch(0.535 0.082 215.2);
}
.element {
color: var(--panorama);
background-color: hsl(191 58% 35%);
border-color: oklch(0.535 0.082 215.2);
}Tailwind CSS v4
@theme {
--color-panorama: #25798b;
--color-panorama-50: #dcfcff;
--color-panorama-100: #caeffa;
--color-panorama-200: #addeeb;
--color-panorama-300: #87c2d3;
--color-panorama-400: #61abbd;
--color-panorama-500: #3794a8;
--color-panorama-600: #317d8e;
--color-panorama-700: #276472;
--color-panorama-800: #1a4a53;
--color-panorama-900: #11333a;
--color-panorama-950: #031f24;
}SCSS
$panorama: #25798b;
$panorama-rgb: 37, 121, 139;
$panorama-light: mix(#fff, $panorama, 20%);
$panorama-dark: mix(#000, $panorama, 20%);
.element {
color: $panorama;
box-shadow: 0 0 0 2px rgba($panorama, 0.35);
}