이름 색상 · #DDC3A4
Louvre
Louvre은(는) #DDC3A4: rgb(221 195 164), hsl(33 46% 75%), oklch(0.831 0.051 71.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Louvre color name →
#DDC3A4
oklch(0.831 0.051 71.9)
색상 변환
- HEX
- #ddc3a4
- RGB
- rgb(221 195 164)
- HSL
- hsl(33 46% 75%)
- HWB
- hwb(33 64% 13%)
- OKLCH
- oklch(0.831 0.051 71.9)
- OKLab
- oklab(0.831 0.016 0.049)
- CIE Lab
- lab(80.44 6.04 19.19)
- LCH
- lch(80.44 20.12 72.5)
- CMYK
- cmyk(0% 12% 26% 13%)
틴트 · 셰이드 · 톤
틴트
- E0C9AD
- E4CFB6
- E7D5BF
- EBDBC8
- EEE1D1
- F2E7DA
- F5EDE3
- F8F3ED
- FCF9F6
셰이드
- C0A98E
- A49079
- 887864
- 6E6050
- 554A3D
- 3D342B
- 26201A
- 110E0A
- 020201
톤
- D3BCA0
- CAB59D
- C0AE99
- B7A896
- AEA192
- A49A8F
- 9B948B
- 928D87
- 898784
색 조화
보색 +180°
- DDC3A4
Louvre
- B0CBE9
≈ Featherbed
유사색 -30° +30°
- DDC3A4
Louvre
- E6BEAE
≈ Adorable
- CEC9A4
≈ Frozen Dew
삼각 배색 +120° +240°
- DDC3A4
Louvre
- A2D3D0
≈ Crystal Aqua
- D3BFE0
≈ Purple Whisper
분열 보색 +150° +210°
- DDC3A4
Louvre
- A4D0E0
≈ Sea Rover
- C2C4E9
≈ Violet Gems
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.41:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--louvre: #ddc3a4;
--louvre-rgb: 221 195 164;
--louvre-oklch: oklch(0.831 0.051 71.9);
}
.element {
color: var(--louvre);
background-color: hsl(33 46% 75%);
border-color: oklch(0.831 0.051 71.9);
}Tailwind CSS v4
@theme {
--color-louvre: #ddc3a4;
--color-louvre-50: #fef3e6;
--color-louvre-100: #f2e6d6;
--color-louvre-200: #e2d2bd;
--color-louvre-300: #c8b49b;
--color-louvre-400: #b29a7e;
--color-louvre-500: #9c8161;
--color-louvre-600: #846d52;
--color-louvre-700: #695741;
--color-louvre-800: #4e3f2f;
--color-louvre-900: #362c20;
--color-louvre-950: #21190f;
}SCSS
$louvre: #ddc3a4;
$louvre-rgb: 221, 195, 164;
$louvre-light: mix(#fff, $louvre, 20%);
$louvre-dark: mix(#000, $louvre, 20%);
.element {
color: $louvre;
box-shadow: 0 0 0 2px rgba($louvre, 0.35);
}