Najbliższy nazwany kolor · #CB805C
#CB805C
Najbliższy nazwany kolor: Escalope
#CB805C (rgb(203 128 92), hsl(19 52% 58%), oklch(0.671 0.106 46.1)) jest najbliższy nazwanemu kolorowi Escalope. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CB805C
oklch(0.671 0.106 46.1)
Konwersje koloru
- HEX
- #cb805c
- RGB
- rgb(203 128 92)
- HSL
- hsl(19 52% 58%)
- HWB
- hwb(19 36% 20%)
- OKLCH
- oklch(0.671 0.106 46.1)
- OKLab
- oklab(0.671 0.073 0.076)
- CIE Lab
- lab(61.14 27.14 32.18)
- LCH
- lch(61.14 42.1 49.9)
- CMYK
- cmyk(0% 37% 55% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D18D6C
- D7997C
- DDA68C
- E2B29C
- E7BFAD
- EDCCBD
- F1D9CD
- F6E5DE
- FBF2EE
Odcienie ciemniejsze
- B06E4F
- 965D42
- 7D4D36
- 653D2A
- 4D2E1F
- 371F14
- 22120A
- 0F0603
- 020100
Tony
- C48060
- BD8165
- B58169
- AE816C
- A78170
- 9F8173
- 988177
- 90817A
- 88807D
Harmonie kolorów
Komplementarna +180°
- CB805C
Escalope
- 3EA2C7
≈ Blue Raspberry Seed
Analogowa -30° +30°
- CB805C
Escalope
- CE797F
≈ Dirty Pink
- BB8C44
≈ Antiquarian Gold
Triada +120° +240°
- CB805C
Escalope
- 4AAA86
≈ Laurel Wreath
- 908BD4
≈ Adora
Komplementarna rozszczepiona +150° +210°
- CB805C
Escalope
- 28A9AB
≈ Blue Island
- 6998D6
≈ Blue Bay
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.09:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.78:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--escalope: #cb805c;
--escalope-rgb: 203 128 92;
--escalope-oklch: oklch(0.671 0.106 46.1);
}
.element {
color: var(--escalope);
background-color: hsl(19 52% 58%);
border-color: oklch(0.671 0.106 46.1);
}Tailwind CSS v4
@theme {
--color-escalope: #cb805c;
--color-escalope-50: #ffeddb;
--color-escalope-100: #ffdeca;
--color-escalope-200: #fbc7ad;
--color-escalope-300: #e5a788;
--color-escalope-400: #d28a68;
--color-escalope-500: #bf6e46;
--color-escalope-600: #a15d3c;
--color-escalope-700: #814b30;
--color-escalope-800: #603522;
--color-escalope-900: #442417;
--color-escalope-950: #2b1308;
}SCSS
$escalope: #cb805c;
$escalope-rgb: 203, 128, 92;
$escalope-light: mix(#fff, $escalope, 20%);
$escalope-dark: mix(#000, $escalope, 20%);
.element {
color: $escalope;
box-shadow: 0 0 0 2px rgba($escalope, 0.35);
}