Nazwany kolor · #C8805F
Clove Bud
Clove Bud to #C8805F: rgb(200 128 95), hsl(19 49% 58%), oklch(0.668 0.101 45.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Clove Bud color name →
#C8805F
oklch(0.668 0.101 45.2)
Konwersje koloru
- HEX
- #c8805f
- RGB
- rgb(200 128 95)
- HSL
- hsl(19 49% 58%)
- HWB
- hwb(19 37% 22%)
- OKLCH
- oklch(0.668 0.101 45.2)
- OKLab
- oklab(0.668 0.071 0.072)
- CIE Lab
- lab(60.8 26.1 30.02)
- LCH
- lch(60.8 39.78 49)
- CMYK
- cmyk(0% 36% 53% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CE8D6F
- D4997F
- DAA68E
- E0B29E
- E6BFAE
- EBCCBE
- F0D8CE
- F5E5DE
- FAF2EE
Odcienie ciemniejsze
- AE6E52
- 945D44
- 7B4D38
- 633D2C
- 4C2E20
- 361F15
- 21120A
- 0F0603
- 020100
Tony
- C18063
- BA8167
- B3816A
- AC816E
- A58171
- 9E8174
- 978177
- 8F817A
- 88807D
Harmonie kolorów
Komplementarna +180°
- C8805F
Clove Bud
- 43A1C3
≈ Blue Raspberry Seed
Analogowa -30° +30°
- C8805F
Clove Bud
- CB7A80
≈ Dirty Pink
- B98B48
≈ Sun Valley Vista
Triada +120° +240°
- C8805F
Clove Bud
- 50A885
≈ Laurel Wreath
- 8E8BD0
≈ Adora
Komplementarna rozszczepiona +150° +210°
- C8805F
Clove Bud
- 32A8A8
≈ Blue Island
- 6997D2
≈ Bashful Blue
Tetrada +90° +180° +270°
- C8805F
Clove Bud
- 79A363
≈ Bulbasaur
- 43A1C3
≈ Blue Raspberry Seed
- AC81BF
≈ Wisteria
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.70:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.70:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--clove-bud: #c8805f;
--clove-bud-rgb: 200 128 95;
--clove-bud-oklch: oklch(0.668 0.101 45.2);
}
.element {
color: var(--clove-bud);
background-color: hsl(19 49% 58%);
border-color: oklch(0.668 0.101 45.2);
}Tailwind CSS v4
@theme {
--color-clove-bud: #c8805f;
--color-clove-bud-50: #ffeddd;
--color-clove-bud-100: #ffdecc;
--color-clove-bud-200: #fac8b0;
--color-clove-bud-300: #e3a88b;
--color-clove-bud-400: #d08b6c;
--color-clove-bud-500: #bd6f4b;
--color-clove-bud-600: #9f5e40;
--color-clove-bud-700: #804b33;
--color-clove-bud-800: #5f3625;
--color-clove-bud-900: #432518;
--color-clove-bud-950: #2b1309;
}SCSS
$clove-bud: #c8805f;
$clove-bud-rgb: 200, 128, 95;
$clove-bud-light: mix(#fff, $clove-bud, 20%);
$clove-bud-dark: mix(#000, $clove-bud, 20%);
.element {
color: $clove-bud;
box-shadow: 0 0 0 2px rgba($clove-bud, 0.35);
}