이름 색상 · #CDB9A7
Panko
Panko은(는) #CDB9A7: rgb(205 185 167), hsl(28 28% 73%), oklch(0.798 0.034 64.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Panko color name →
#CDB9A7
oklch(0.798 0.034 64.3)
색상 변환
- HEX
- #cdb9a7
- RGB
- rgb(205 185 167)
- HSL
- hsl(28 28% 73%)
- HWB
- hwb(28 65% 20%)
- OKLCH
- oklch(0.798 0.034 64.3)
- OKLab
- oklab(0.798 0.015 0.03)
- CIE Lab
- lab(76.5 5.21 11.9)
- LCH
- lch(76.5 12.99 66.4)
- CMYK
- cmyk(0% 10% 19% 20%)
틴트 · 셰이드 · 톤
틴트
- D2C0B0
- D7C7B8
- DCCEC1
- E1D5CA
- E6DCD2
- EBE3DB
- F0EAE4
- F5F1ED
- FAF8F6
셰이드
- B2A091
- 98897B
- 7E7166
- 665B52
- 4E463E
- 38312C
- 231E1A
- 0F0D0A
- 020201
톤
- C5B3A3
- BDAD9F
- B5A89B
- AEA297
- A69C93
- 9E9690
- 97918C
- 8F8B88
- 878684
색 조화
보색 +180°
- CDB9A7
Panko
- ABC0D2
≈ Simpatico Blue
유사색 -30° +30°
- CDB9A7
Panko
- D2B6AF
≈ Oyster Pink
- C4BDA5
≈ Celery Powder
삼각 배색 +120° +240°
- CDB9A7
Panko
- A6C5BF
≈ Peppermint Pie
- C2B8CF
≈ Savile Row
분열 보색 +150° +210°
- CDB9A7
Panko
- A5C3CA
≈ Skyward
- B6BCD3
≈ Peri Wink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.09:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--panko: #cdb9a7;
--panko-rgb: 205 185 167;
--panko-oklch: oklch(0.798 0.034 64.3);
}
.element {
color: var(--panko);
background-color: hsl(28 28% 73%);
border-color: oklch(0.798 0.034 64.3);
}Tailwind CSS v4
@theme {
--color-panko: #cdb9a7;
--color-panko-50: #fcf3eb;
--color-panko-100: #f0e6dc;
--color-panko-200: #dfd2c5;
--color-panko-300: #c4b4a6;
--color-panko-400: #ad9b8a;
--color-panko-500: #97826f;
--color-panko-600: #7f6e5e;
--color-panko-700: #66584b;
--color-panko-800: #4b4037;
--color-panko-900: #342c25;
--color-panko-950: #201914;
}SCSS
$panko: #cdb9a7;
$panko-rgb: 205, 185, 167;
$panko-light: mix(#fff, $panko, 20%);
$panko-dark: mix(#000, $panko, 20%);
.element {
color: $panko;
box-shadow: 0 0 0 2px rgba($panko, 0.35);
}