Nazwany kolor · #CFB599
Sugar Rush Peach Pepper
Sugar Rush Peach Pepper to #CFB599: rgb(207 181 153), hsl(31 36% 71%), oklch(0.788 0.049 69.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sugar Rush Peach Pepper color name →
#CFB599
oklch(0.788 0.049 69.1)
Konwersje koloru
- HEX
- #cfb599
- RGB
- rgb(207 181 153)
- HSL
- hsl(31 36% 71%)
- HWB
- hwb(31 60% 19%)
- OKLCH
- oklch(0.788 0.049 69.1)
- OKLab
- oklab(0.788 0.017 0.045)
- CIE Lab
- lab(75.41 6.49 17.94)
- LCH
- lch(75.41 19.08 70.1)
- CMYK
- cmyk(0% 13% 26% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D4BCA3
- D9C4AD
- DDCBB7
- E2D2C1
- E7DACB
- ECE1D6
- F1E8E0
- F5F0EA
- FAF7F5
Odcienie ciemniejsze
- B49D84
- 998670
- 7F6F5D
- 67594A
- 4F4438
- 383027
- 231D17
- 100C08
- 020201
Tony
- C7B097
- BFAA94
- B7A592
- AFA08F
- A79A8D
- 9F958A
- 979088
- 8F8A85
- 888583
Harmonie kolorów
Komplementarna +180°
- CFB599
Sugar Rush Peach Pepper
- A3BDD8
≈ Everlasting
Analogowa -30° +30°
- CFB599
Sugar Rush Peach Pepper
- D7B0A3
≈ Sandpaper
- C1BB98
≈ Esprit
Triada +120° +240°
- CFB599
Sugar Rush Peach Pepper
- 97C5C0
≈ Pastel Turquoise
- C3B2D2
≈ Frosted Orchid
Komplementarna rozszczepiona +150° +210°
- CFB599
Sugar Rush Peach Pepper
- 98C2CF
≈ Aquatic
- B3B7D9
≈ Wild Orchid Blue
Tetrada +90° +180° +270°
- CFB599
Sugar Rush Peach Pepper
- A0C4AF
≈ Green Silk
- A3BDD8
≈ Everlasting
- D0AEC4
≈ Winsome Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.95:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.72:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--sugar-rush-peach-pepper: #cfb599;
--sugar-rush-peach-pepper-rgb: 207 181 153;
--sugar-rush-peach-pepper-oklch: oklch(0.788 0.049 69.1);
}
.element {
color: var(--sugar-rush-peach-pepper);
background-color: hsl(31 36% 71%);
border-color: oklch(0.788 0.049 69.1);
}Tailwind CSS v4
@theme {
--color-sugar-rush-peach-pepper: #cfb599;
--color-sugar-rush-peach-pepper-50: #fef3e7;
--color-sugar-rush-peach-pepper-100: #f3e6d7;
--color-sugar-rush-peach-pepper-200: #e2d1be;
--color-sugar-rush-peach-pepper-300: #c8b49d;
--color-sugar-rush-peach-pepper-400: #b29a80;
--color-sugar-rush-peach-pepper-500: #9c8163;
--color-sugar-rush-peach-pepper-600: #846d54;
--color-sugar-rush-peach-pepper-700: #695743;
--color-sugar-rush-peach-pepper-800: #4e3f30;
--color-sugar-rush-peach-pepper-900: #362c21;
--color-sugar-rush-peach-pepper-950: #211910;
}SCSS
$sugar-rush-peach-pepper: #cfb599;
$sugar-rush-peach-pepper-rgb: 207, 181, 153;
$sugar-rush-peach-pepper-light: mix(#fff, $sugar-rush-peach-pepper, 20%);
$sugar-rush-peach-pepper-dark: mix(#000, $sugar-rush-peach-pepper, 20%);
.element {
color: $sugar-rush-peach-pepper;
box-shadow: 0 0 0 2px rgba($sugar-rush-peach-pepper, 0.35);
}