Nazwany kolor · #747792
Royal Fortune
Royal Fortune to #747792: rgb(116 119 146), hsl(234 12% 51%), oklch(0.577 0.042 280). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Royal Fortune color name →
#747792
oklch(0.577 0.042 280)
Konwersje koloru
- HEX
- #747792
- RGB
- rgb(116 119 146)
- HSL
- hsl(234 12% 51%)
- HWB
- hwb(234 45% 43%)
- OKLCH
- oklch(0.577 0.042 280)
- OKLab
- oklab(0.577 0.007 -0.041)
- CIE Lab
- lab(50.51 3.4 -15.13)
- LCH
- lch(50.51 15.51 282.6)
- CMYK
- cmyk(21% 18% 0% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81849D
- 8E91A7
- 9B9EB2
- A9ABBD
- B7B9C8
- C5C7D2
- D3D4DD
- E2E2E9
- F0F1F4
Odcienie ciemniejsze
- 64677E
- 54576B
- 454758
- 373846
- 292A35
- 1B1C25
- 0F1016
- 050508
- 010101
Tony
- 757890
- 76798F
- 787A8D
- 797B8B
- 7A7C89
- 7B7D87
- 7C7D86
- 7E7E84
- 7F7F82
Harmonie kolorów
Komplementarna +180°
- 747792
Royal Fortune
- 7F7A5E
≈ Thurman
Analogowa -30° +30°
- 747792
Royal Fortune
- 677C91
≈ Blue Suede
- 81738C
≈ Batik Lilac
Triada +120° +240°
- 747792
Royal Fortune
- 907167
≈ Milk Brownie Dough
- 648171
≈ Ecological
Komplementarna rozszczepiona +150° +210°
- 747792
Royal Fortune
- 8A755F
≈ Mink
- 717F65
≈ Cliffside Park
Tetrada +90° +180° +270°
- 747792
Royal Fortune
- 906F74
≈ Tetrarose
- 7F7A5E
≈ Thurman
- 5D827F
≈ Teal Stencil
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.37:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.79:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.79:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--royal-fortune: #747792;
--royal-fortune-rgb: 116 119 146;
--royal-fortune-oklch: oklch(0.577 0.042 280);
}
.element {
color: var(--royal-fortune);
background-color: hsl(234 12% 51%);
border-color: oklch(0.577 0.042 280);
}Tailwind CSS v4
@theme {
--color-royal-fortune: #747792;
--color-royal-fortune-50: #f3f4ff;
--color-royal-fortune-100: #e5e7f6;
--color-royal-fortune-200: #d1d2e6;
--color-royal-fortune-300: #b3b5cd;
--color-royal-fortune-400: #999cb7;
--color-royal-fortune-500: #8084a2;
--color-royal-fortune-600: #6d6f89;
--color-royal-fortune-700: #57596e;
--color-royal-fortune-800: #3f4151;
--color-royal-fortune-900: #2b2d38;
--color-royal-fortune-950: #191a23;
}SCSS
$royal-fortune: #747792;
$royal-fortune-rgb: 116, 119, 146;
$royal-fortune-light: mix(#fff, $royal-fortune, 20%);
$royal-fortune-dark: mix(#000, $royal-fortune, 20%);
.element {
color: $royal-fortune;
box-shadow: 0 0 0 2px rgba($royal-fortune, 0.35);
}