이름 색상 · #DBE2C9
Palm Breeze
Palm Breeze은(는) #DBE2C9: rgb(219 226 201), hsl(77 30% 84%), oklch(0.901 0.034 119.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Palm Breeze color name →
#DBE2C9
oklch(0.901 0.034 119.8)
색상 변환
- HEX
- #dbe2c9
- RGB
- rgb(219 226 201)
- HSL
- hsl(77 30% 84%)
- HWB
- hwb(77 79% 11%)
- OKLCH
- oklch(0.901 0.034 119.8)
- OKLab
- oklab(0.901 -0.017 0.03)
- CIE Lab
- lab(88.84 -5.67 11.42)
- LCH
- lch(88.84 12.75 116.4)
- CMYK
- cmyk(3% 0% 11% 11%)
틴트 · 셰이드 · 톤
틴트
- DFE5CE
- E2E8D4
- E6EBD9
- E9EEDE
- EDF0E4
- F0F3E9
- F4F6EF
- F8F9F4
- FBFCFA
셰이드
- BEC4AE
- A2A895
- 878C7C
- 6D7164
- 54574C
- 3C3E36
- 262722
- 11120F
- 020302
톤
- D2D8C1
- C8CEBA
- BFC4B3
- B6BAAB
- ACB0A4
- A3A69D
- 9A9C95
- 91938E
- 898987
색 조화
보색 +180°
- DBE2C9
Palm Breeze
- E1DAF2
≈ Chinese Silver
유사색 -30° +30°
- DBE2C9
Palm Breeze
- E7DEC5
≈ Adobe Sand
- CFE5D2
≈ Herbal Mist
삼각 배색 +120° +240°
- DBE2C9
Palm Breeze
- CBE2F3
≈ Salty Ice
- F3D5DD
≈ Pixie Dust
분열 보색 +150° +210°
- DBE2C9
Palm Breeze
- D5DEF6
≈ Puffy Cloud
- ECD7E9
≈ All Made Up
사각 배색 +90° +180° +270°
- DBE2C9
Palm Breeze
- C5E5EB
≈ Surf’s Up
- E1DAF2
≈ Chinese Silver
- F4D6D1
≈ Global Warming
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.73:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--palm-breeze: #dbe2c9;
--palm-breeze-rgb: 219 226 201;
--palm-breeze-oklch: oklch(0.901 0.034 119.8);
}
.element {
color: var(--palm-breeze);
background-color: hsl(77 30% 84%);
border-color: oklch(0.901 0.034 119.8);
}Tailwind CSS v4
@theme {
--color-palm-breeze: #dbe2c9;
--color-palm-breeze-50: #f3f7ec;
--color-palm-breeze-100: #e6eadd;
--color-palm-breeze-200: #d2d7c7;
--color-palm-breeze-300: #b4baa7;
--color-palm-breeze-400: #9ca28b;
--color-palm-breeze-500: #838a71;
--color-palm-breeze-600: #6f755f;
--color-palm-breeze-700: #595d4c;
--color-palm-breeze-800: #414437;
--color-palm-breeze-900: #2d2f25;
--color-palm-breeze-950: #1a1c14;
}SCSS
$palm-breeze: #dbe2c9;
$palm-breeze-rgb: 219, 226, 201;
$palm-breeze-light: mix(#fff, $palm-breeze, 20%);
$palm-breeze-dark: mix(#000, $palm-breeze, 20%);
.element {
color: $palm-breeze;
box-shadow: 0 0 0 2px rgba($palm-breeze, 0.35);
}