Nazwany kolor · #00589B
Parachuting
Parachuting to #00589B: rgb(0 88 155), hsl(206 100% 30%), oklch(0.454 0.13 250.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Parachuting color name →
#00589B
oklch(0.454 0.13 250.4)
Konwersje koloru
- HEX
- #00589b
- RGB
- rgb(0 88 155)
- HSL
- hsl(206 100% 30%)
- HWB
- hwb(206 0% 39%)
- OKLCH
- oklch(0.454 0.13 250.4)
- OKLab
- oklab(0.454 -0.044 -0.122)
- CIE Lab
- lab(35.95 -1.86 -43.59)
- LCH
- lch(35.95 43.63 267.6)
- CMYK
- cmyk(100% 43% 0% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2869A6
- 4279B0
- 5A89BB
- 719AC5
- 88AACF
- A0BBD9
- B7CCE2
- CFDDEC
- E7EEF6
Odcienie ciemniejsze
- 004B86
- 003F72
- 00335E
- 00284B
- 001D39
- 001228
- 000918
- 000309
- 000001
Tony
- 1B5D99
- 2B6197
- 376694
- 436A92
- 4E6E8F
- 58728D
- 63758A
- 6C7987
- 767D84
Harmonie kolorów
Komplementarna +180°
- 00589B
Parachuting
- 784B00
≈ Lucky Brown
Analogowa -30° +30°
- 00589B
Parachuting
- 006176
≈ Ocean Radiance
- 4B4A9C
≈ Liberty
Triada +120° +240°
- 00589B
Parachuting
- 8F3045
≈ Tibetan Red
- 3E6300
≈ Rainforest Matcha
Komplementarna rozszczepiona +150° +210°
- 00589B
Parachuting
- 8F3610
≈ Citrine Brown
- 635700
≈ Ayahuasca Vine
Tetrada +90° +180° +270°
- 00589B
Parachuting
- 83346C
≈ Violet Vixen
- 784B00
≈ Lucky Brown
- 006743
≈ Greens
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.31:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.86:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.31:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--parachuting: #00589b;
--parachuting-rgb: 0 88 155;
--parachuting-oklch: oklch(0.454 0.13 250.4);
}
.element {
color: var(--parachuting);
background-color: hsl(206 100% 30%);
border-color: oklch(0.454 0.13 250.4);
}Tailwind CSS v4
@theme {
--color-parachuting: #00589b;
--color-parachuting-50: #dbf8ff;
--color-parachuting-100: #c9ebff;
--color-parachuting-200: #add8ff;
--color-parachuting-300: #86bcf8;
--color-parachuting-400: #5fa3e8;
--color-parachuting-500: #378ad8;
--color-parachuting-600: #3075b6;
--color-parachuting-700: #265d93;
--color-parachuting-800: #17456d;
--color-parachuting-900: #0f304d;
--color-parachuting-950: #021c33;
}SCSS
$parachuting: #00589b;
$parachuting-rgb: 0, 88, 155;
$parachuting-light: mix(#fff, $parachuting, 20%);
$parachuting-dark: mix(#000, $parachuting, 20%);
.element {
color: $parachuting;
box-shadow: 0 0 0 2px rgba($parachuting, 0.35);
}