Nazwany kolor · #525661
Ball Gown
Ball Gown to #525661: rgb(82 86 97), hsl(224 8% 35%), oklch(0.454 0.019 269.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ball Gown color name →
#525661
oklch(0.454 0.019 269.7)
Konwersje koloru
- HEX
- #525661
- RGB
- rgb(82 86 97)
- HSL
- hsl(224 8% 35%)
- HWB
- hwb(224 32% 62%)
- OKLCH
- oklch(0.454 0.019 269.7)
- OKLab
- oklab(0.454 0 -0.019)
- CIE Lab
- lab(36.51 0.27 -6.97)
- LCH
- lch(36.51 6.97 272.2)
- CMYK
- cmyk(15% 11% 0% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 626570
- 72757E
- 82858E
- 93969D
- A4A6AD
- B6B8BD
- C8C9CD
- DADBDD
- ECEDEE
Odcienie ciemniejsze
- 464A53
- 3B3E46
- 2F3239
- 25272D
- 1A1C21
- 111215
- 08080B
- 020203
- 000000
Tony
- 565A64
- 5B5E67
- 5F626A
- 64666D
- 696B70
- 6D6F74
- 727377
- 77777A
- 7B7C7D
Harmonie kolorów
Komplementarna +180°
- 525661
Ball Gown
- 5A564B
≈ Grape Leaf
Analogowa -30° +30°
- 525661
Ball Gown
- 4D5860
≈ Fiord
- 58545F
≈ Black Dragon’s Cauldron
Triada +120° +240°
- 525661
Ball Gown
- 605350
≈ Spirit Rock
- 4F5951
≈ Hidden Forest
Komplementarna rozszczepiona +150° +210°
- 525661
Ball Gown
- 5E544C
≈ Shadow Woods
- 55584C
≈ Beetle
Tetrada +90° +180° +270°
- 525661
Ball Gown
- 605256
≈ Pinot Noir
- 5A564B
≈ Grape Leaf
- 4B5A56
≈ Hostaleaf
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.33:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.86:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.33:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--ball-gown: #525661;
--ball-gown-rgb: 82 86 97;
--ball-gown-oklch: oklch(0.454 0.019 269.7);
}
.element {
color: var(--ball-gown);
background-color: hsl(224 8% 35%);
border-color: oklch(0.454 0.019 269.7);
}Tailwind CSS v4
@theme {
--color-ball-gown: #525661;
--color-ball-gown-50: #f3f5fb;
--color-ball-gown-100: #e5e8ee;
--color-ball-gown-200: #d1d4dc;
--color-ball-gown-300: #b4b7c1;
--color-ball-gown-400: #9a9eaa;
--color-ball-gown-500: #818693;
--color-ball-gown-600: #6d717c;
--color-ball-gown-700: #575b63;
--color-ball-gown-800: #3f4249;
--color-ball-gown-900: #2c2e33;
--color-ball-gown-950: #191b1e;
}SCSS
$ball-gown: #525661;
$ball-gown-rgb: 82, 86, 97;
$ball-gown-light: mix(#fff, $ball-gown, 20%);
$ball-gown-dark: mix(#000, $ball-gown, 20%);
.element {
color: $ball-gown;
box-shadow: 0 0 0 2px rgba($ball-gown, 0.35);
}