Adlandırılmış renk · #536193
Breathtaking
Breathtaking, #536193: rgb(83 97 147), hsl(227 28% 45%), oklch(0.503 0.082 271.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? → · Breathtaking color name →
#536193
oklch(0.503 0.082 271.3)
Renk dönüşümleri
- HEX
- #536193
- RGB
- rgb(83 97 147)
- HSL
- hsl(227 28% 45%)
- HWB
- hwb(227 33% 42%)
- OKLCH
- oklch(0.503 0.082 271.3)
- OKLab
- oklab(0.503 0.002 -0.082)
- CIE Lab
- lab(41.63 4.98 -29.59)
- LCH
- lch(41.63 30.01 279.6)
- CMYK
- cmyk(44% 34% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 62709E
- 727FA9
- 838EB4
- 949EBE
- A5AEC9
- B6BDD4
- C8CEDF
- DADEE9
- ECEEF4
Koyu tonlar
- 47537F
- 3B466C
- 303959
- 252D47
- 1B2136
- 111525
- 080B16
- 020308
- 000001
Gri tonlar
- 576491
- 5C6890
- 606B8E
- 656E8C
- 69718B
- 6E7489
- 727787
- 777A84
- 7B7D82
Renk uyumları
Tamamlayıcı +180°
- 536193
Breathtaking
- 756226
≈ Brassy Brass
Analog -30° +30°
- 536193
Breathtaking
- 346A8E
≈ Ocean Call
- 6C598B
≈ Classic Waltz
Üçlü +120° +240°
- 536193
Breathtaking
- 8D5247
≈ Cogswell Cedar
- 3E714C
≈ Parsley Sprig
Bölünmüş tamamlayıcı +150° +210°
- 536193
Breathtaking
- 865930
≈ Football
- 5D6B33
≈ Heavy Khaki
Dörtlü +90° +180° +270°
- 536193
Breathtaking
- 8A4F61
≈ Hawthorn Rose
- 756226
≈ Brassy Brass
- 1C7367
≈ Advantageous
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.00:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.49:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.00:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--breathtaking: #536193;
--breathtaking-rgb: 83 97 147;
--breathtaking-oklch: oklch(0.503 0.082 271.3);
}
.element {
color: var(--breathtaking);
background-color: hsl(227 28% 45%);
border-color: oklch(0.503 0.082 271.3);
}Tailwind CSS v4
@theme {
--color-breathtaking: #536193;
--color-breathtaking-50: #edf4ff;
--color-breathtaking-100: #dfe7ff;
--color-breathtaking-200: #c8d3f8;
--color-breathtaking-300: #a9b5e2;
--color-breathtaking-400: #8d9ccf;
--color-breathtaking-500: #7283bd;
--color-breathtaking-600: #616f9f;
--color-breathtaking-700: #4d5980;
--color-breathtaking-800: #37415f;
--color-breathtaking-900: #252d43;
--color-breathtaking-950: #141a2b;
}SCSS
$breathtaking: #536193;
$breathtaking-rgb: 83, 97, 147;
$breathtaking-light: mix(#fff, $breathtaking, 20%);
$breathtaking-dark: mix(#000, $breathtaking, 20%);
.element {
color: $breathtaking;
box-shadow: 0 0 0 2px rgba($breathtaking, 0.35);
}