Najbliższy nazwany kolor · #C5B89B
#C5B89B
Najbliższy nazwany kolor: Chopped Almonds
#C5B89B (rgb(197 184 155), hsl(41 27% 69%), oklch(0.786 0.042 86.7)) jest najbliższy nazwanemu kolorowi Chopped Almonds. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C5B89B
oklch(0.786 0.042 86.7)
Konwersje koloru
- HEX
- #c5b89b
- RGB
- rgb(197 184 155)
- HSL
- hsl(41 27% 69%)
- HWB
- hwb(41 61% 23%)
- OKLCH
- oklch(0.786 0.042 86.7)
- OKLab
- oklab(0.786 0.002 0.042)
- CIE Lab
- lab(75.31 1.3 16.55)
- LCH
- lch(75.31 16.6 85.5)
- CMYK
- cmyk(0% 7% 21% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBBFA5
- D0C6AF
- D6CDB8
- DCD4C2
- E2DBCC
- E8E2D6
- EDE9E0
- F3F1EB
- F9F8F5
Odcienie ciemniejsze
- ABA086
- 928872
- 79715E
- 615B4B
- 4B4539
- 353128
- 211E18
- 0E0C09
- 020201
Tony
- BEB298
- B7AD96
- B0A793
- A9A190
- A29C8E
- 9B968B
- 949088
- 8D8B86
- 878583
Harmonie kolorów
Komplementarna +180°
- C5B89B
Chopped Almonds
- ADB9D5
≈ Conclave
Analogowa -30° +30°
- C5B89B
Chopped Almonds
- CFB3A0
≈ Bauhaus Buff
- B7BD9F
≈ Dried Chervil
Triada +120° +240°
- C5B89B
Chopped Almonds
- 9AC1C7
≈ Canal Blue
- C8B0C8
≈ Purple Essence
Komplementarna rozszczepiona +150° +210°
- C5B89B
Chopped Almonds
- A0BED1
≈ Bush Viper
- BBB4D2
≈ Frosted Orchid
Tetrada +90° +180° +270°
- C5B89B
Chopped Almonds
- 9DC3B8
≈ Cascade Green
- ADB9D5
≈ Conclave
- D1AFBA
≈ Iced Watermelon
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.70:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--chopped-almonds: #c5b89b;
--chopped-almonds-rgb: 197 184 155;
--chopped-almonds-oklch: oklch(0.786 0.042 86.7);
}
.element {
color: var(--chopped-almonds);
background-color: hsl(41 27% 69%);
border-color: oklch(0.786 0.042 86.7);
}Tailwind CSS v4
@theme {
--color-chopped-almonds: #c5b89b;
--color-chopped-almonds-50: #faf5e8;
--color-chopped-almonds-100: #ede7d8;
--color-chopped-almonds-200: #dbd4c0;
--color-chopped-almonds-300: #c0b79f;
--color-chopped-almonds-400: #a99d82;
--color-chopped-almonds-500: #928566;
--color-chopped-almonds-600: #7c7057;
--color-chopped-almonds-700: #635a45;
--color-chopped-almonds-800: #494132;
--color-chopped-almonds-900: #332d22;
--color-chopped-almonds-950: #1e1a11;
}SCSS
$chopped-almonds: #c5b89b;
$chopped-almonds-rgb: 197, 184, 155;
$chopped-almonds-light: mix(#fff, $chopped-almonds, 20%);
$chopped-almonds-dark: mix(#000, $chopped-almonds, 20%);
.element {
color: $chopped-almonds;
box-shadow: 0 0 0 2px rgba($chopped-almonds, 0.35);
}