Nazwany kolor · #54463F
Rave Raisin
Rave Raisin to #54463F: rgb(84 70 63), hsl(20 14% 29%), oklch(0.406 0.022 48.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rave Raisin color name →
#54463F
oklch(0.406 0.022 48.1)
Konwersje koloru
- HEX
- #54463f
- RGB
- rgb(84 70 63)
- HSL
- hsl(20 14% 29%)
- HWB
- hwb(20 25% 67%)
- OKLCH
- oklch(0.406 0.022 48.1)
- OKLab
- oklab(0.406 0.015 0.017)
- CIE Lab
- lab(31.03 5.22 6.57)
- LCH
- lch(31.03 8.39 51.5)
- CMYK
- cmyk(0% 17% 25% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 645650
- 746862
- 847974
- 958B86
- A69D99
- B7B0AD
- C9C3C1
- DAD7D5
- EDEBEA
Odcienie ciemniejsze
- 483C35
- 3C322C
- 312823
- 261E1B
- 1B1512
- 110D0A
- 080504
- 020201
- 000000
Tony
- 584C45
- 5D514B
- 615752
- 655D58
- 6A625F
- 6E6865
- 736E6C
- 777472
- 7C7A79
Harmonie kolorów
Komplementarna +180°
- 54463F
Rave Raisin
- 3D4C53
≈ Atomic
Analogowa -30° +30°
- 54463F
Rave Raisin
- 554545
≈ Chinotto
- 50483C
≈ Wet Suit
Triada +120° +240°
- 54463F
Rave Raisin
- 3E4D47
≈ Deep Mooring
- 484855
≈ Gun Powder
Komplementarna rozszczepiona +150° +210°
- 54463F
Rave Raisin
- 3B4D4E
≈ Rocky Creek
- 424A56
≈ Sea Mariner
Tetrada +90° +180° +270°
- 54463F
Rave Raisin
- 444C41
≈ Foxhall Green
- 3D4C53
≈ Atomic
- 4F4651
≈ Witching
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.03:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.32:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--rave-raisin: #54463f;
--rave-raisin-rgb: 84 70 63;
--rave-raisin-oklch: oklch(0.406 0.022 48.1);
}
.element {
color: var(--rave-raisin);
background-color: hsl(20 14% 29%);
border-color: oklch(0.406 0.022 48.1);
}Tailwind CSS v4
@theme {
--color-rave-raisin: #54463f;
--color-rave-raisin-50: #fbf3ef;
--color-rave-raisin-100: #eee6e1;
--color-rave-raisin-200: #ddd2cc;
--color-rave-raisin-300: #c1b4ad;
--color-rave-raisin-400: #aa9b93;
--color-rave-raisin-500: #93827a;
--color-rave-raisin-600: #7d6e67;
--color-rave-raisin-700: #645852;
--color-rave-raisin-800: #49403c;
--color-rave-raisin-900: #332c29;
--color-rave-raisin-950: #1f1917;
}SCSS
$rave-raisin: #54463f;
$rave-raisin-rgb: 84, 70, 63;
$rave-raisin-light: mix(#fff, $rave-raisin, 20%);
$rave-raisin-dark: mix(#000, $rave-raisin, 20%);
.element {
color: $rave-raisin;
box-shadow: 0 0 0 2px rgba($rave-raisin, 0.35);
}