Nazwany kolor · #035E7B
Blue Edge
Blue Edge to #035E7B: rgb(3 94 123), hsl(195 95% 25%), oklch(0.45 0.087 228). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Blue Edge color name →
#035E7B
oklch(0.45 0.087 228)
Konwersje koloru
- HEX
- #035e7b
- RGB
- rgb(3 94 123)
- HSL
- hsl(195 95% 25%)
- HWB
- hwb(195 1% 52%)
- OKLCH
- oklch(0.45 0.087 228)
- OKLab
- oklab(0.45 -0.058 -0.065)
- CIE Lab
- lab(36.45 -15.69 -23.44)
- LCH
- lch(36.45 28.21 236.2)
- CMYK
- cmyk(98% 24% 0% 52%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2B6D88
- 457D95
- 5D8CA2
- 749CAF
- 8AACBC
- A1BCC9
- B8CDD6
- D0DDE4
- E7EEF1
Odcienie ciemniejsze
- 02516A
- 02445A
- 01374A
- 012B3A
- 001F2C
- 00141E
- 000A10
- 000305
- 000001
Tony
- 1E627C
- 2D657D
- 3A697D
- 456C7E
- 50707E
- 5A737F
- 64767F
- 6D7A80
- 777D80
Harmonie kolorów
Komplementarna +180°
- 035E7B
Blue Edge
- 7C4527
≈ Sunbathing Beauty
Analogowa -30° +30°
- 035E7B
Blue Edge
- 006265
≈ Really Teal
- 365685
≈ Southern Blue
Triada +120° +240°
- 035E7B
Blue Edge
- 78405E
≈ Purple Drab
- 5A5914
≈ Greensboro
Komplementarna rozszczepiona +150° +210°
- 035E7B
Blue Edge
- 7E4043
≈ Savoy House
- 704E0F
≈ Antique Bronze
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.26:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.89:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.26:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--blue-edge: #035e7b;
--blue-edge-rgb: 3 94 123;
--blue-edge-oklch: oklch(0.45 0.087 228);
}
.element {
color: var(--blue-edge);
background-color: hsl(195 95% 25%);
border-color: oklch(0.45 0.087 228);
}Tailwind CSS v4
@theme {
--color-blue-edge: #035e7b;
--color-blue-edge-50: #ddfbff;
--color-blue-edge-100: #cbeeff;
--color-blue-edge-200: #afdcf3;
--color-blue-edge-300: #89c0dc;
--color-blue-edge-400: #64a9c7;
--color-blue-edge-500: #3c91b3;
--color-blue-edge-600: #357b97;
--color-blue-edge-700: #2a6279;
--color-blue-edge-800: #1c4859;
--color-blue-edge-900: #12323e;
--color-blue-edge-950: #041e28;
}SCSS
$blue-edge: #035e7b;
$blue-edge-rgb: 3, 94, 123;
$blue-edge-light: mix(#fff, $blue-edge, 20%);
$blue-edge-dark: mix(#000, $blue-edge, 20%);
.element {
color: $blue-edge;
box-shadow: 0 0 0 2px rgba($blue-edge, 0.35);
}