Nazwany kolor · #0044AA
Indian Peafowl
Indian Peafowl to #0044AA: rgb(0 68 170), hsl(216 100% 33%), oklch(0.421 0.174 260.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Indian Peafowl color name →
#0044AA
oklch(0.421 0.174 260.3)
Konwersje koloru
- HEX
- #0044aa
- RGB
- rgb(0 68 170)
- HSL
- hsl(216 100% 33%)
- HWB
- hwb(216 0% 33%)
- OKLCH
- oklch(0.421 0.174 260.3)
- OKLab
- oklab(0.421 -0.029 -0.172)
- CIE Lab
- lab(30.83 16 -60.83)
- LCH
- lch(30.83 62.9 284.7)
- CMYK
- cmyk(100% 60% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2258B4
- 3B6BBE
- 537EC7
- 6A90D0
- 82A3D9
- 9AB5E1
- B3C7E9
- CCDAF1
- E5ECF8
Odcienie ciemniejsze
- 003A93
- 00307D
- 002668
- 001D53
- 00143F
- 000C2D
- 00051B
- 00020B
- 000001
Tony
- 154CA7
- 2453A3
- 315AA0
- 3D609C
- 486698
- 546C94
- 5F718F
- 6A768B
- 757B86
Harmonie kolorów
Komplementarna +180°
- 0044AA
Indian Peafowl
- 664700
≈ Notorious Neanderthal
Analogowa -30° +30°
- 0044AA
Indian Peafowl
- 005572
≈ Night Kite
- 5130A3
≈ Royalty
Triada +120° +240°
- 0044AA
Indian Peafowl
- 940022
≈ Burgundy
- 175E00
≈ Thuja Green
Komplementarna rozszczepiona +150° +210°
- 0044AA
Indian Peafowl
- 7B3700
≈ Red Beech
- 515100
≈ Scorzonera Brown
Tetrada +90° +180° +270°
- 0044AA
Indian Peafowl
- 8B025A
≈ Cardinal Pink
- 664700
≈ Notorious Neanderthal
- 005C47
≈ Evergreen
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.72:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.40:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.72:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--indian-peafowl: #0044aa;
--indian-peafowl-rgb: 0 68 170;
--indian-peafowl-oklch: oklch(0.421 0.174 260.3);
}
.element {
color: var(--indian-peafowl);
background-color: hsl(216 100% 33%);
border-color: oklch(0.421 0.174 260.3);
}Tailwind CSS v4
@theme {
--color-indian-peafowl: #0044aa;
--color-indian-peafowl-50: #daf6ff;
--color-indian-peafowl-100: #c9e9ff;
--color-indian-peafowl-200: #acd4ff;
--color-indian-peafowl-300: #86b6ff;
--color-indian-peafowl-400: #5f9cff;
--color-indian-peafowl-500: #3a80f7;
--color-indian-peafowl-600: #326dd0;
--color-indian-peafowl-700: #2857a8;
--color-indian-peafowl-800: #16407d;
--color-indian-peafowl-900: #0e2c59;
--color-indian-peafowl-950: #02193c;
}SCSS
$indian-peafowl: #0044aa;
$indian-peafowl-rgb: 0, 68, 170;
$indian-peafowl-light: mix(#fff, $indian-peafowl, 20%);
$indian-peafowl-dark: mix(#000, $indian-peafowl, 20%);
.element {
color: $indian-peafowl;
box-shadow: 0 0 0 2px rgba($indian-peafowl, 0.35);
}