이름 색상 · #E1CDA4
Organic Bamboo
Organic Bamboo은(는) #E1CDA4: rgb(225 205 164), hsl(40 50% 76%), oklch(0.855 0.059 85). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Organic Bamboo color name →
#E1CDA4
oklch(0.855 0.059 85)
색상 변환
- HEX
- #e1cda4
- RGB
- rgb(225 205 164)
- HSL
- hsl(40 50% 76%)
- HWB
- hwb(40 64% 12%)
- OKLCH
- oklch(0.855 0.059 85)
- OKLab
- oklab(0.855 0.005 0.058)
- CIE Lab
- lab(83.32 2.65 23.17)
- LCH
- lch(83.32 23.32 83.5)
- CMYK
- cmyk(0% 9% 27% 12%)
틴트 · 셰이드 · 톤
틴트
- E4D2AD
- E7D7B6
- EADCBF
- EDE1C8
- F0E6D1
- F3EBDB
- F6F0E4
- F9F5ED
- FCFAF6
셰이드
- C4B28E
- A79879
- 8B7E64
- 706650
- 564E3D
- 3E382B
- 27231A
- 120F0A
- 020201
톤
- D7C5A1
- CDBD9D
- C3B59A
- B9AE96
- AFA692
- A69E8F
- 9C978B
- 938F88
- 898784
색 조화
보색 +180°
- E1CDA4
Organic Bamboo
- BDCFF7
≈ Frost Fairy
유사색 -30° +30°
- E1CDA4
Organic Bamboo
- EEC6AB
≈ Citrus Sachet
- CDD4A9
≈ Trailing Vine
삼각 배색 +120° +240°
- E1CDA4
Organic Bamboo
- A2DBE2
≈ Ice Pack
- E4C3E5
≈ Prom Corsage
분열 보색 +150° +210°
- E1CDA4
Organic Bamboo
- ABD6F1
≈ Light Shimmer
- D1C8F2
≈ Soap
사각 배색 +90° +180° +270°
- E1CDA4
Organic Bamboo
- A8DCCD
≈ Prism
- BDCFF7
≈ Frost Fairy
- F0C0D1
≈ Guava Glow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.47:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--organic-bamboo: #e1cda4;
--organic-bamboo-rgb: 225 205 164;
--organic-bamboo-oklch: oklch(0.855 0.059 85);
}
.element {
color: var(--organic-bamboo);
background-color: hsl(40 50% 76%);
border-color: oklch(0.855 0.059 85);
}Tailwind CSS v4
@theme {
--color-organic-bamboo: #e1cda4;
--color-organic-bamboo-50: #fcf4e3;
--color-organic-bamboo-100: #f0e7d2;
--color-organic-bamboo-200: #dfd3b8;
--color-organic-bamboo-300: #c4b696;
--color-organic-bamboo-400: #ae9c77;
--color-organic-bamboo-500: #988359;
--color-organic-bamboo-600: #816f4b;
--color-organic-bamboo-700: #67593c;
--color-organic-bamboo-800: #4c412b;
--color-organic-bamboo-900: #352d1d;
--color-organic-bamboo-950: #201a0d;
}SCSS
$organic-bamboo: #e1cda4;
$organic-bamboo-rgb: 225, 205, 164;
$organic-bamboo-light: mix(#fff, $organic-bamboo, 20%);
$organic-bamboo-dark: mix(#000, $organic-bamboo, 20%);
.element {
color: $organic-bamboo;
box-shadow: 0 0 0 2px rgba($organic-bamboo, 0.35);
}