이름 색상 · #D6A550
Plantain Chips
Plantain Chips은(는) #D6A550: rgb(214 165 80), hsl(38 62% 58%), oklch(0.751 0.118 79.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Plantain Chips color name →
#D6A550
oklch(0.751 0.118 79.1)
색상 변환
- HEX
- #d6a550
- RGB
- rgb(214 165 80)
- HSL
- hsl(38 62% 58%)
- HWB
- hwb(38 31% 16%)
- OKLCH
- oklch(0.751 0.118 79.1)
- OKLab
- oklab(0.751 0.022 0.115)
- CIE Lab
- lab(71.16 12.03 50.26)
- LCH
- lch(71.16 51.68 76.5)
- CMYK
- cmyk(0% 23% 63% 16%)
틴트 · 셰이드 · 톤
틴트
- DAAE64
- DFB777
- E3C089
- E7C99A
- EBD2AB
- EFDBBC
- F3E4CD
- F7EDDD
- FBF6EE
셰이드
- BA8F44
- 9E7939
- 84652E
- 6A5124
- 523D1A
- 3B2B10
- 251A07
- 100A02
- 020100
톤
- CDA257
- C59E5E
- BC9A64
- B39769
- AB936E
- A28F72
- 998C76
- 91887A
- 88847D
색 조화
보색 +180°
- D6A550
Plantain Chips
- 81AFF8
≈ Kitten’s Eye
유사색 -30° +30°
- D6A550
Plantain Chips
- EA9769
≈ Peachy Maroney
- B4B456
≈ Green Oasis
삼각 배색 +120° +240°
- D6A550
Plantain Chips
- 32C4CA
≈ Turquoise Surf
- CE96DD
≈ Somewhere in a Fairytale
분열 보색 +150° +210°
- D6A550
Plantain Chips
- 50BCE9
≈ Clean Pool
- ACA1F4
≈ Shy Moment
사각 배색 +90° +180° +270°
- D6A550
Plantain Chips
- 54C6A1
≈ Mermaid’s Kiss
- 81AFF8
≈ Kitten’s Eye
- E68FBA
≈ Chewing Gum Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.35:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--plantain-chips: #d6a550;
--plantain-chips-rgb: 214 165 80;
--plantain-chips-oklch: oklch(0.751 0.118 79.1);
}
.element {
color: var(--plantain-chips);
background-color: hsl(38 62% 58%);
border-color: oklch(0.751 0.118 79.1);
}Tailwind CSS v4
@theme {
--color-plantain-chips: #d6a550;
--color-plantain-chips-50: #fff2d0;
--color-plantain-chips-100: #fce5bc;
--color-plantain-chips-200: #eed09b;
--color-plantain-chips-300: #d6b170;
--color-plantain-chips-400: #c39646;
--color-plantain-chips-500: #af7b00;
--color-plantain-chips-600: #946809;
--color-plantain-chips-700: #775309;
--color-plantain-chips-800: #593c05;
--color-plantain-chips-900: #3e2904;
--color-plantain-chips-950: #271700;
}SCSS
$plantain-chips: #d6a550;
$plantain-chips-rgb: 214, 165, 80;
$plantain-chips-light: mix(#fff, $plantain-chips, 20%);
$plantain-chips-dark: mix(#000, $plantain-chips, 20%);
.element {
color: $plantain-chips;
box-shadow: 0 0 0 2px rgba($plantain-chips, 0.35);
}