Nazwany kolor · #B06455
Aragon
Aragon to #B06455: rgb(176 100 85), hsl(10 37% 51%), oklch(0.586 0.102 32.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Aragon color name →
#B06455
oklch(0.586 0.102 32.1)
Konwersje koloru
- HEX
- #b06455
- RGB
- rgb(176 100 85)
- HSL
- hsl(10 37% 51%)
- HWB
- hwb(10 33% 31%)
- OKLCH
- oklch(0.586 0.102 32.1)
- OKLab
- oklab(0.586 0.086 0.054)
- CIE Lab
- lab(51.09 30.23 22.55)
- LCH
- lch(51.09 37.72 36.7)
- CMYK
- cmyk(0% 43% 52% 31%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B97365
- C28275
- CA9286
- D2A196
- DAB0A7
- E2C0B8
- EACFCA
- F1DFDB
- F8EFED
Odcienie ciemniejsze
- 995649
- 82483D
- 6C3B31
- 562E26
- 42221C
- 2E1611
- 1C0B08
- 0B0302
- 010000
Tony
- AC675A
- A86B5E
- A36E63
- 9F7167
- 9A736B
- 95766F
- 907974
- 8B7B78
- 867E7C
Harmonie kolorów
Komplementarna +180°
- B06455
Aragon
- 048B9F
≈ Parrot Flight
Analogowa -30° +30°
- B06455
Aragon
- AD6177
≈ Daah-Ling
- A76D37
≈ Eagle
Triada +120° +240°
- B06455
Aragon
- 488D5E
≈ Middle Green
- 6778B8
≈ Flood
Komplementarna rozszczepiona +150° +210°
- B06455
Aragon
- 128F81
≈ Philips Green
- 3E83B3
≈ Steel Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.37:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.80:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--aragon: #b06455;
--aragon-rgb: 176 100 85;
--aragon-oklch: oklch(0.586 0.102 32.1);
}
.element {
color: var(--aragon);
background-color: hsl(10 37% 51%);
border-color: oklch(0.586 0.102 32.1);
}Tailwind CSS v4
@theme {
--color-aragon: #b06455;
--color-aragon-50: #ffece2;
--color-aragon-100: #ffddd2;
--color-aragon-200: #fcc5b8;
--color-aragon-300: #e6a595;
--color-aragon-400: #d38878;
--color-aragon-500: #c06b5a;
--color-aragon-600: #a25b4d;
--color-aragon-700: #82493d;
--color-aragon-800: #61342d;
--color-aragon-900: #44231e;
--color-aragon-950: #2c120e;
}SCSS
$aragon: #b06455;
$aragon-rgb: 176, 100, 85;
$aragon-light: mix(#fff, $aragon, 20%);
$aragon-dark: mix(#000, $aragon, 20%);
.element {
color: $aragon;
box-shadow: 0 0 0 2px rgba($aragon, 0.35);
}