Nazwany kolor · #31639C
Caledor Sky
Caledor Sky to #31639C: rgb(49 99 156), hsl(212 52% 40%), oklch(0.493 0.107 253.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Caledor Sky color name →
#31639C
oklch(0.493 0.107 253.4)
Konwersje koloru
- HEX
- #31639c
- RGB
- rgb(49 99 156)
- HSL
- hsl(212 52% 40%)
- HWB
- hwb(212 19% 39%)
- OKLCH
- oklch(0.493 0.107 253.4)
- OKLab
- oklab(0.493 -0.031 -0.102)
- CIE Lab
- lab(40.64 -2.39 -36.66)
- LCH
- lch(40.64 36.74 266.3)
- CMYK
- cmyk(69% 37% 0% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4672A6
- 5A81B0
- 6D91BB
- 81A0C5
- 96AFCE
- AABFD8
- BFCFE2
- D4DFEC
- E9EFF5
Odcienie ciemniejsze
- 295587
- 224773
- 1A3A5F
- 132E4C
- 0C2139
- 061628
- 030B18
- 010309
- 000001
Tony
- 3A669A
- 436A97
- 4B6D95
- 537092
- 5B738F
- 62758D
- 6A788A
- 717B87
- 797D83
Harmonie kolorów
Komplementarna +180°
- 31639C
Caledor Sky
- 845600
≈ Spear Shaft
Analogowa -30° +30°
- 31639C
Caledor Sky
- 006C87
≈ Arabian Nights
- 5A589B
≈ Old Nan Yarn
Triada +120° +240°
- 31639C
Caledor Sky
- 94454F
≈ Kirsch Red
- 486E2A
≈ Botanical
Komplementarna rozszczepiona +150° +210°
- 31639C
Caledor Sky
- 924A2B
≈ Madeira Brown
- 6C6300
≈ Green Brown
Tetrada +90° +180° +270°
- 31639C
Caledor Sky
- 8A4671
≈ Twilight Lavender
- 845600
≈ Spear Shaft
- 007450
≈ Lush Meadow
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.18:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.39:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--caledor-sky: #31639c;
--caledor-sky-rgb: 49 99 156;
--caledor-sky-oklch: oklch(0.493 0.107 253.4);
}
.element {
color: var(--caledor-sky);
background-color: hsl(212 52% 40%);
border-color: oklch(0.493 0.107 253.4);
}Tailwind CSS v4
@theme {
--color-caledor-sky: #31639c;
--color-caledor-sky-50: #e1f7ff;
--color-caledor-sky-100: #d1eaff;
--color-caledor-sky-200: #b6d7ff;
--color-caledor-sky-300: #93baee;
--color-caledor-sky-400: #71a2dc;
--color-caledor-sky-500: #5089cb;
--color-caledor-sky-600: #4474ab;
--color-caledor-sky-700: #365d89;
--color-caledor-sky-800: #244466;
--color-caledor-sky-900: #182f48;
--color-caledor-sky-950: #091b2f;
}SCSS
$caledor-sky: #31639c;
$caledor-sky-rgb: 49, 99, 156;
$caledor-sky-light: mix(#fff, $caledor-sky, 20%);
$caledor-sky-dark: mix(#000, $caledor-sky, 20%);
.element {
color: $caledor-sky;
box-shadow: 0 0 0 2px rgba($caledor-sky, 0.35);
}