Nazwany kolor · #C5BDA5
Celery Powder
Celery Powder to #C5BDA5: rgb(197 189 165), hsl(45 22% 71%), oklch(0.798 0.034 91.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Celery Powder color name →
#C5BDA5
oklch(0.798 0.034 91.7)
Konwersje koloru
- HEX
- #c5bda5
- RGB
- rgb(197 189 165)
- HSL
- hsl(45 22% 71%)
- HWB
- hwb(45 65% 23%)
- OKLCH
- oklch(0.798 0.034 91.7)
- OKLab
- oklab(0.798 -0.001 0.034)
- CIE Lab
- lab(76.79 -0.07 13.25)
- LCH
- lch(76.79 13.25 90.3)
- CMYK
- cmyk(0% 4% 16% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CBC3AE
- D0CAB7
- D6D0BF
- DCD7C8
- E2DED1
- E7E4DA
- EDEBE3
- F3F2ED
- F9F8F6
Odcienie ciemniejsze
- ABA48F
- 928C79
- 797465
- 615D51
- 4B473D
- 35332B
- 211F1A
- 0E0D0A
- 020201
Tony
- BEB7A1
- B7B09E
- B0AA9A
- A9A496
- A29E93
- 9B988F
- 94928B
- 8D8C87
- 878684
Harmonie kolorów
Komplementarna +180°
- C5BDA5
Celery Powder
- B5BCD4
≈ Peri Wink
Analogowa -30° +30°
- C5BDA5
Celery Powder
- CEB9A8
≈ Panko
- B9C1A9
≈ Healing Retreat
Triada +120° +240°
- C5BDA5
Celery Powder
- A5C4CA
≈ Skyward
- CBB6C7
≈ Ballad
Komplementarna rozszczepiona +150° +210°
- C5BDA5
Celery Powder
- ABC1D2
≈ Ruffled Feathers
- C1B9D0
≈ Savile Row
Tetrada +90° +180° +270°
- C5BDA5
Celery Powder
- A6C5BF
≈ Peppermint Pie
- B5BCD4
≈ Peri Wink
- D1B5BB
≈ Rose Stain
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.19:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--celery-powder: #c5bda5;
--celery-powder-rgb: 197 189 165;
--celery-powder-oklch: oklch(0.798 0.034 91.7);
}
.element {
color: var(--celery-powder);
background-color: hsl(45 22% 71%);
border-color: oklch(0.798 0.034 91.7);
}Tailwind CSS v4
@theme {
--color-celery-powder: #c5bda5;
--color-celery-powder-50: #f8f5ea;
--color-celery-powder-100: #ebe8db;
--color-celery-powder-200: #d9d4c4;
--color-celery-powder-300: #bdb7a4;
--color-celery-powder-400: #a69e88;
--color-celery-powder-500: #8e866d;
--color-celery-powder-600: #78715c;
--color-celery-powder-700: #605b4a;
--color-celery-powder-800: #474235;
--color-celery-powder-900: #312e24;
--color-celery-powder-950: #1d1a13;
}SCSS
$celery-powder: #c5bda5;
$celery-powder-rgb: 197, 189, 165;
$celery-powder-light: mix(#fff, $celery-powder, 20%);
$celery-powder-dark: mix(#000, $celery-powder, 20%);
.element {
color: $celery-powder;
box-shadow: 0 0 0 2px rgba($celery-powder, 0.35);
}