Nazwany kolor · #007DB6
Artesian Water
Artesian Water to #007DB6: rgb(0 125 182), hsl(199 100% 36%), oklch(0.561 0.126 238.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Artesian Water color name →
#007DB6
oklch(0.561 0.126 238.9)
Konwersje koloru
- HEX
- #007db6
- RGB
- rgb(0 125 182)
- HSL
- hsl(199 100% 36%)
- HWB
- hwb(199 0% 29%)
- OKLCH
- oklch(0.561 0.126 238.9)
- OKLab
- oklab(0.561 -0.065 -0.108)
- CIE Lab
- lab(48.93 -13.43 -38.89)
- LCH
- lch(48.93 41.14 250.9)
- CMYK
- cmyk(100% 31% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 328ABE
- 4E97C6
- 66A4CD
- 7DB1D5
- 93BEDC
- A8CBE3
- BED8EA
- D3E5F1
- E9F2F8
Odcienie ciemniejsze
- 006C9E
- 005B86
- 004B6F
- 003B59
- 002C44
- 001E30
- 00111D
- 00050C
- 000102
Tony
- 237EB1
- 347FAC
- 417FA7
- 4D80A1
- 57809C
- 608097
- 688091
- 71808C
- 788086
Harmonie kolorów
Komplementarna +180°
- 007DB6
Artesian Water
- AA5F13
≈ Raw Umber
Analogowa -30° +30°
- 007DB6
Artesian Water
- 008493
≈ True Teal
- 566FBF
≈ Amparo Blue
Triada +120° +240°
- 007DB6
Artesian Water
- AE5173
≈ Diva Glam
- 6D7E11
≈ Topiary Garden
Komplementarna rozszczepiona +150° +210°
- 007DB6
Artesian Water
- B35448
≈ Hot and Spicy
- 907000
≈ Vermin Brown
Tetrada +90° +180° +270°
- 007DB6
Artesian Water
- 9C5799
≈ Bermuda Onion
- AA5F13
≈ Raw Umber
- 348949
≈ Paradise of Greenery
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.55:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.60:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.60:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--artesian-water: #007db6;
--artesian-water-rgb: 0 125 182;
--artesian-water-oklch: oklch(0.561 0.126 238.9);
}
.element {
color: var(--artesian-water);
background-color: hsl(199 100% 36%);
border-color: oklch(0.561 0.126 238.9);
}Tailwind CSS v4
@theme {
--color-artesian-water: #007db6;
--color-artesian-water-50: #d6fbff;
--color-artesian-water-100: #c3eeff;
--color-artesian-water-200: #a4dcff;
--color-artesian-water-300: #7ac0f2;
--color-artesian-water-400: #4da8e1;
--color-artesian-water-500: #0390d0;
--color-artesian-water-600: #0e7aaf;
--color-artesian-water-700: #0d618d;
--color-artesian-water-800: #024868;
--color-artesian-water-900: #033249;
--color-artesian-water-950: #001d30;
}SCSS
$artesian-water: #007db6;
$artesian-water-rgb: 0, 125, 182;
$artesian-water-light: mix(#fff, $artesian-water, 20%);
$artesian-water-dark: mix(#000, $artesian-water, 20%);
.element {
color: $artesian-water;
box-shadow: 0 0 0 2px rgba($artesian-water, 0.35);
}