이름 색상 · #87815F
Tilleul de Noémie
Tilleul de Noémie은(는) #87815F: rgb(135 129 95), hsl(51 17% 45%), oklch(0.6 0.049 99.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Tilleul de Noémie color name →
#87815F
oklch(0.6 0.049 99.3)
색상 변환
- HEX
- #87815f
- RGB
- rgb(135 129 95)
- HSL
- hsl(51 17% 45%)
- HWB
- hwb(51 37% 47%)
- OKLCH
- oklch(0.6 0.049 99.3)
- OKLab
- oklab(0.6 -0.008 0.049)
- CIE Lab
- lab(53.84 -1.85 19.36)
- LCH
- lch(53.84 19.45 95.5)
- CMYK
- cmyk(0% 4% 30% 47%)
틴트 · 셰이드 · 톤
틴트
- 928D6E
- 9E997D
- A9A58D
- B5B29D
- C1BEAD
- CDCBBD
- D9D8CD
- E6E5DD
- F2F2EE
셰이드
- 756F52
- 635E44
- 514E38
- 413E2C
- 312E20
- 211F15
- 13120A
- 060603
- 010100
톤
- 868163
- 868166
- 858169
- 84816D
- 838170
- 838173
- 828077
- 81807A
- 81807D
색 조화
보색 +180°
- 87815F
Tilleul de Noémie
- 797D9E
≈ Bossa Nova Blue
유사색 -30° +30°
- 87815F
Tilleul de Noémie
- 947B60
≈ Portabello
- 778667
≈ Wreath
삼각 배색 +120° +240°
- 87815F
Tilleul de Noémie
- 5E8794
≈ Horizon
- 95758A
≈ Hidden Mask
분열 보색 +150° +210°
- 87815F
Tilleul de Noémie
- 6A839D
≈ Brisk Blue
- 897897
≈ Black Diamond Apple
사각 배색 +90° +180° +270°
- 87815F
Tilleul de Noémie
- 5D8A86
≈ Steel Teal
- 797D9E
≈ Bossa Nova Blue
- 9B747A
≈ March Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.93:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.33:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
CSS
:root {
--tilleul-de-noemie: #87815f;
--tilleul-de-noemie-rgb: 135 129 95;
--tilleul-de-noemie-oklch: oklch(0.6 0.049 99.3);
}
.element {
color: var(--tilleul-de-noemie);
background-color: hsl(51 17% 45%);
border-color: oklch(0.6 0.049 99.3);
}Tailwind CSS v4
@theme {
--color-tilleul-de-noemie: #87815f;
--color-tilleul-de-noemie-50: #f8f6e6;
--color-tilleul-de-noemie-100: #ebe9d6;
--color-tilleul-de-noemie-200: #d8d5be;
--color-tilleul-de-noemie-300: #bcb99c;
--color-tilleul-de-noemie-400: #a59f7e;
--color-tilleul-de-noemie-500: #8e8761;
--color-tilleul-de-noemie-600: #787253;
--color-tilleul-de-noemie-700: #605b42;
--color-tilleul-de-noemie-800: #47432f;
--color-tilleul-de-noemie-900: #312e20;
--color-tilleul-de-noemie-950: #1d1b0f;
}SCSS
$tilleul-de-noemie: #87815f;
$tilleul-de-noemie-rgb: 135, 129, 95;
$tilleul-de-noemie-light: mix(#fff, $tilleul-de-noemie, 20%);
$tilleul-de-noemie-dark: mix(#000, $tilleul-de-noemie, 20%);
.element {
color: $tilleul-de-noemie;
box-shadow: 0 0 0 2px rgba($tilleul-de-noemie, 0.35);
}