Adlandırılmış renk · #DFB7B4
Cherry Tree
Cherry Tree, #DFB7B4: rgb(223 183 180), hsl(4 40% 79%), oklch(0.814 0.047 23.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Cherry Tree color name →
#DFB7B4
oklch(0.814 0.047 23.2)
Renk dönüşümleri
- HEX
- #dfb7b4
- RGB
- rgb(223 183 180)
- HSL
- hsl(4 40% 79%)
- HWB
- hwb(4 71% 13%)
- OKLCH
- oklch(0.814 0.047 23.2)
- OKLab
- oklab(0.814 0.043 0.018)
- CIE Lab
- lab(77.95 14.52 7.24)
- LCH
- lch(77.95 16.23 26.5)
- CMYK
- cmyk(0% 18% 19% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2BEBB
- E6C5C3
- E9CCCA
- ECD3D1
- F0DBD9
- F3E2E0
- F6E9E8
- F9F0F0
- FCF8F7
Koyu tonlar
- C29F9C
- A58785
- 8A706E
- 6F5A58
- 564544
- 3D3130
- 271E1D
- 120C0C
- 020202
Gri tonlar
- D5B1AF
- CCACA9
- C2A6A4
- B8A19F
- AF9B9A
- A59694
- 9C908F
- 938B8A
- 898585
Renk uyumları
Tamamlayıcı +180°
- DFB7B4
Cherry Tree
- 9FCCD0
≈ Sea Dew
Analog -30° +30°
- DFB7B4
Cherry Tree
- DBB6C5
≈ Kunzite
- DBBBA7
≈ Cinnamon Ice
Üçlü +120° +240°
- DFB7B4
Cherry Tree
- B1CAAF
≈ Gum Leaf
- B3C3E1
≈ Eternal Elegance
Bölünmüş tamamlayıcı +150° +210°
- DFB7B4
Cherry Tree
- A4CCBF
≈ Tareyton
- A5C8DC
≈ Piezo Blue
Dörtlü +90° +180° +270°
- DFB7B4
Cherry Tree
- C2C6A4
≈ Sage Splendour
- 9FCCD0
≈ Sea Dew
- C3BDDE
≈ Purple Dragon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.57:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.57:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--cherry-tree: #dfb7b4;
--cherry-tree-rgb: 223 183 180;
--cherry-tree-oklch: oklch(0.814 0.047 23.2);
}
.element {
color: var(--cherry-tree);
background-color: hsl(4 40% 79%);
border-color: oklch(0.814 0.047 23.2);
}Tailwind CSS v4
@theme {
--color-cherry-tree: #dfb7b4;
--color-cherry-tree-50: #fff0ee;
--color-cherry-tree-100: #f7e2e0;
--color-cherry-tree-200: #e8cdca;
--color-cherry-tree-300: #ceafab;
--color-cherry-tree-400: #b99491;
--color-cherry-tree-500: #a37a78;
--color-cherry-tree-600: #8a6865;
--color-cherry-tree-700: #6e5351;
--color-cherry-tree-800: #513c3b;
--color-cherry-tree-900: #392929;
--color-cherry-tree-950: #231717;
}SCSS
$cherry-tree: #dfb7b4;
$cherry-tree-rgb: 223, 183, 180;
$cherry-tree-light: mix(#fff, $cherry-tree, 20%);
$cherry-tree-dark: mix(#000, $cherry-tree, 20%);
.element {
color: $cherry-tree;
box-shadow: 0 0 0 2px rgba($cherry-tree, 0.35);
}