이름 색상 · #FAD7B0
Satin Latour
Satin Latour은(는) #FAD7B0: rgb(250 215 176), hsl(32 88% 84%), oklch(0.899 0.064 69.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Satin Latour color name →
#FAD7B0
oklch(0.899 0.064 69.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FBDBB8
- FBDFC0
- FCE3C8
- FCE7D0
- FDEBD8
- FDEFE0
- FEF3E7
- FEF7EF
- FFFBF7
셰이드
- D9BB99
- BA9F82
- 9B856C
- 7D6B56
- 615242
- 463B2E
- 2D251C
- 15110B
- 030201
톤
- EDCEAB
- E1C5A7
- D4BCA2
- C8B39D
- BBAB98
- AFA294
- A3998F
- 97918A
- 8C8885
색 조화
보색 +180°
- FAD7B0
Satin Latour
- C5E1FF
≈ Dithered Sky
유사색 -30° +30°
- FAD7B0
Satin Latour
- FFD2C3
≈ Simply Delicious
- E7DFAE
≈ Star Bright
삼각 배색 +120° +240°
- FAD7B0
Satin Latour
- ACECE7
≈ Spearmint Water
- EBD3FE
≈ Rose Dragée
분열 보색 +150° +210°
- FAD7B0
Satin Latour
- AEE8FB
≈ Fresh Air
- D6DBFF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- FAD7B0
Satin Latour
- BAEBCF
≈ Lost Lace
- C5E1FF
≈ Dithered Sky
- FCCEEB
≈ Classic Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.41:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}