Najbliższy nazwany kolor · #DFBE95
#DFBE95
Najbliższy nazwany kolor: Tostada
#DFBE95 (rgb(223 190 149), hsl(33 54% 73%), oklch(0.82 0.066 72.7)) jest najbliższy nazwanemu kolorowi Tostada. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DFBE95
oklch(0.82 0.066 72.7)
Konwersje koloru
- HEX
- #dfbe95
- RGB
- rgb(223 190 149)
- HSL
- hsl(33 54% 73%)
- HWB
- hwb(33 58% 13%)
- OKLCH
- oklch(0.82 0.066 72.7)
- OKLab
- oklab(0.82 0.02 0.063)
- CIE Lab
- lab(79.13 7.88 25.37)
- LCH
- lch(79.13 26.57 72.7)
- CMYK
- cmyk(0% 15% 33% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2C4A0
- E6CBAA
- E9D1B5
- ECD8BF
- EFDECA
- F2E5D4
- F6EBDF
- F9F2EA
- FCF8F4
Odcienie ciemniejsze
- C2A581
- A58C6D
- 8A755A
- 6F5E48
- 564837
- 3D3326
- 271F16
- 120D08
- 020201
Tony
- D5B893
- CBB191
- C2AB8F
- B8A58D
- AF9F8B
- A59989
- 9C9287
- 928C85
- 898682
Harmonie kolorów
Komplementarna +180°
- DFBE95
Tostada
- A6C7EF
≈ Baby Blue Eyes
Analogowa -30° +30°
- DFBE95
Tostada
- EAB7A2
≈ Pink Abalone
- CCC695
≈ Paris Mint
Triada +120° +240°
- DFBE95
Tostada
- 91D2D0
≈ Summer Soft Blue
- D3B8E3
≈ Pretty Petunia
Komplementarna rozszczepiona +150° +210°
- DFBE95
Tostada
- 95CEE3
≈ Iqaluit Ice
- BDBFEF
≈ Vodka
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.93:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--tostada: #dfbe95;
--tostada-rgb: 223 190 149;
--tostada-oklch: oklch(0.82 0.066 72.7);
}
.element {
color: var(--tostada);
background-color: hsl(33 54% 73%);
border-color: oklch(0.82 0.066 72.7);
}Tailwind CSS v4
@theme {
--color-tostada: #dfbe95;
--color-tostada-50: #fff3e1;
--color-tostada-100: #f5e5d0;
--color-tostada-200: #e5d1b6;
--color-tostada-300: #ccb392;
--color-tostada-400: #b79973;
--color-tostada-500: #a17f54;
--color-tostada-600: #886c48;
--color-tostada-700: #6d5639;
--color-tostada-800: #513f28;
--color-tostada-900: #382b1b;
--color-tostada-950: #23180c;
}SCSS
$tostada: #dfbe95;
$tostada-rgb: 223, 190, 149;
$tostada-light: mix(#fff, $tostada, 20%);
$tostada-dark: mix(#000, $tostada, 20%);
.element {
color: $tostada;
box-shadow: 0 0 0 2px rgba($tostada, 0.35);
}