Nazwany kolor · #DBE2C9
Palm Breeze
Palm Breeze to #DBE2C9: rgb(219 226 201), hsl(77 30% 84%), oklch(0.901 0.034 119.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Palm Breeze color name →
#DBE2C9
oklch(0.901 0.034 119.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFE5CE
- E2E8D4
- E6EBD9
- E9EEDE
- EDF0E4
- F0F3E9
- F4F6EF
- F8F9F4
- FBFCFA
Odcienie ciemniejsze
- BEC4AE
- A2A895
- 878C7C
- 6D7164
- 54574C
- 3C3E36
- 262722
- 11120F
- 020302
Tony
- D2D8C1
- C8CEBA
- BFC4B3
- B6BAAB
- ACB0A4
- A3A69D
- 9A9C95
- 91938E
- 898987
Harmonie kolorów
Komplementarna +180°
- DBE2C9
Palm Breeze
- E1DAF2
≈ Chinese Silver
Analogowa -30° +30°
- DBE2C9
Palm Breeze
- E7DEC5
≈ Adobe Sand
- CFE5D2
≈ Herbal Mist
Triada +120° +240°
- DBE2C9
Palm Breeze
- CBE2F3
≈ Salty Ice
- F3D5DD
≈ Pixie Dust
Komplementarna rozszczepiona +150° +210°
- DBE2C9
Palm Breeze
- D5DEF6
≈ Puffy Cloud
- ECD7E9
≈ All Made Up
Tetrada +90° +180° +270°
- DBE2C9
Palm Breeze
- C5E5EB
≈ Surf’s Up
- E1DAF2
≈ Chinese Silver
- F4D6D1
≈ Global Warming
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.73:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}