Nazwany kolor · #3C4173
Jewel Cave
Jewel Cave to #3C4173: rgb(60 65 115), hsl(235 31% 34%), oklch(0.396 0.084 277.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Jewel Cave color name →
#3C4173
oklch(0.396 0.084 277.5)
Konwersje koloru
- HEX
- #3c4173
- RGB
- rgb(60 65 115)
- HSL
- hsl(235 31% 34%)
- HWB
- hwb(235 24% 55%)
- OKLCH
- oklch(0.396 0.084 277.5)
- OKLab
- oklab(0.396 0.011 -0.083)
- CIE Lab
- lab(28.99 9.14 -29.95)
- LCH
- lch(28.99 31.31 287)
- CMYK
- cmyk(48% 43% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4D5381
- 5E648F
- 71769C
- 8389AA
- 979CB8
- ABAFC6
- BFC3D4
- D4D6E3
- E9EBF1
Odcienie ciemniejsze
- 333763
- 2A2E54
- 212545
- 191C36
- 111328
- 0A0B1B
- 04050F
- 010105
- 000001
Tony
- 424775
- 484E76
- 4F5478
- 565A79
- 5C617B
- 63677C
- 6A6D7D
- 71737E
- 797A7F
Harmonie kolorów
Komplementarna +180°
- 3C4173
Jewel Cave
- 534600
≈ Sugarloaf Brown
Analogowa -30° +30°
- 3C4173
Jewel Cave
- 1B4971
≈ Hopi Blue Corn
- 533969
≈ Succinct Violet
Triada +120° +240°
- 3C4173
Jewel Cave
- 6C3424
≈ Pueblo
- 125434
≈ Permanent Green
Komplementarna rozszczepiona +150° +210°
- 3C4173
Jewel Cave
- 643C05
≈ Brown
- 3A4F17
≈ Godzilla
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.56:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.19:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--jewel-cave: #3c4173;
--jewel-cave-rgb: 60 65 115;
--jewel-cave-oklch: oklch(0.396 0.084 277.5);
}
.element {
color: var(--jewel-cave);
background-color: hsl(235 31% 34%);
border-color: oklch(0.396 0.084 277.5);
}Tailwind CSS v4
@theme {
--color-jewel-cave: #3c4173;
--color-jewel-cave-50: #f0f3ff;
--color-jewel-cave-100: #e1e6ff;
--color-jewel-cave-200: #ccd1f9;
--color-jewel-cave-300: #aeb3e3;
--color-jewel-cave-400: #929ad0;
--color-jewel-cave-500: #7881be;
--color-jewel-cave-600: #666da0;
--color-jewel-cave-700: #515780;
--color-jewel-cave-800: #3a4060;
--color-jewel-cave-900: #282c43;
--color-jewel-cave-950: #16192b;
}SCSS
$jewel-cave: #3c4173;
$jewel-cave-rgb: 60, 65, 115;
$jewel-cave-light: mix(#fff, $jewel-cave, 20%);
$jewel-cave-dark: mix(#000, $jewel-cave, 20%);
.element {
color: $jewel-cave;
box-shadow: 0 0 0 2px rgba($jewel-cave, 0.35);
}