Nazwany kolor · #FAD7B0
Satin Latour
Satin Latour to #FAD7B0: rgb(250 215 176), hsl(32 88% 84%), oklch(0.899 0.064 69.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Satin Latour color name →
#FAD7B0
oklch(0.899 0.064 69.9)
Konwersje koloru
- HEX
- #fad7b0
- RGB
- rgb(250 215 176)
- HSL
- hsl(32 88% 84%)
- HWB
- hwb(32 69% 2%)
- OKLCH
- oklch(0.899 0.064 69.9)
- OKLab
- oklab(0.899 0.022 0.06)
- CIE Lab
- lab(88.26 8.5 24.07)
- LCH
- lch(88.26 25.52 70.6)
- CMYK
- cmyk(0% 14% 30% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBDBB8
- FBDFC0
- FCE3C8
- FCE7D0
- FDEBD8
- FDEFE0
- FEF3E7
- FEF7EF
- FFFBF7
Odcienie ciemniejsze
- D9BB99
- BA9F82
- 9B856C
- 7D6B56
- 615242
- 463B2E
- 2D251C
- 15110B
- 030201
Tony
- EDCEAB
- E1C5A7
- D4BCA2
- C8B39D
- BBAB98
- AFA294
- A3998F
- 97918A
- 8C8885
Harmonie kolorów
Komplementarna +180°
- FAD7B0
Satin Latour
- C5E1FF
≈ Dithered Sky
Analogowa -30° +30°
- FAD7B0
Satin Latour
- FFD2C3
≈ Simply Delicious
- E7DFAE
≈ Star Bright
Triada +120° +240°
- FAD7B0
Satin Latour
- ACECE7
≈ Spearmint Water
- EBD3FE
≈ Rose Dragée
Komplementarna rozszczepiona +150° +210°
- FAD7B0
Satin Latour
- AEE8FB
≈ Fresh Air
- D6DBFF
≈ Transparent Blue
Tetrada +90° +180° +270°
- FAD7B0
Satin Latour
- BAEBCF
≈ Lost Lace
- C5E1FF
≈ Dithered Sky
- FCCEEB
≈ Classic Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.36:1 · APCA Lc 18
Ag
AAANa czerni
WCAG 15.41:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--satin-latour: #fad7b0;
--satin-latour-rgb: 250 215 176;
--satin-latour-oklch: oklch(0.899 0.064 69.9);
}
.element {
color: var(--satin-latour);
background-color: hsl(32 88% 84%);
border-color: oklch(0.899 0.064 69.9);
}Tailwind CSS v4
@theme {
--color-satin-latour: #fad7b0;
--color-satin-latour-50: #fff3e2;
--color-satin-latour-100: #f6e5d1;
--color-satin-latour-200: #e6d0b7;
--color-satin-latour-300: #ccb394;
--color-satin-latour-400: #b79875;
--color-satin-latour-500: #a27f56;
--color-satin-latour-600: #896b4a;
--color-satin-latour-700: #6e563b;
--color-satin-latour-800: #513e2a;
--color-satin-latour-900: #392b1c;
--color-satin-latour-950: #23180c;
}SCSS
$satin-latour: #fad7b0;
$satin-latour-rgb: 250, 215, 176;
$satin-latour-light: mix(#fff, $satin-latour, 20%);
$satin-latour-dark: mix(#000, $satin-latour, 20%);
.element {
color: $satin-latour;
box-shadow: 0 0 0 2px rgba($satin-latour, 0.35);
}