En yakın adlandırılmış renk · #DDBBBF
#DDBBBF
En yakın adlandırılmış renk: Shy Young Salmon
#DDBBBF (rgb(221 187 191), hsl(353 33% 80%), oklch(0.823 0.039 10)) en çok Shy Young Salmon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DDBBBF
oklch(0.823 0.039 10)
Renk dönüşümleri
- HEX
- #ddbbbf
- RGB
- rgb(221 187 191)
- HSL
- hsl(353 33% 80%)
- HWB
- hwb(353 73% 13%)
- OKLCH
- oklch(0.823 0.039 10)
- OKLab
- oklab(0.823 0.039 0.007)
- CIE Lab
- lab(78.97 13.02 2.74)
- LCH
- lch(78.97 13.31 11.9)
- CMYK
- cmyk(0% 15% 14% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1C2C5
- E4C8CC
- E8CFD2
- EBD6D8
- EEDDDF
- F2E3E5
- F5EAEB
- F8F1F2
- FCF8F8
Koyu tonlar
- C0A2A6
- A48A8D
- 887375
- 6E5C5E
- 554648
- 3D3233
- 261F1F
- 110D0D
- 020202
Gri tonlar
- D3B5B9
- CAAFB2
- C0A9AC
- B7A3A5
- AE9D9F
- A49799
- 9B9192
- 928C8C
- 898686
Renk uyumları
Tamamlayıcı +180°
- DDBBBF
Shy Young Salmon
- A9CECA
≈ Blue Angora
Analog -30° +30°
- DDBBBF
Shy Young Salmon
- D7BCCD
≈ Noteworthy
- DDBDB2
≈ Peach Blush
Üçlü +120° +240°
- DDBBBF
Shy Young Salmon
- BDCAB0
≈ Succulent Garden
- B2C8DE
≈ Ridge Light
Bölünmüş tamamlayıcı +150° +210°
- DDBBBF
Shy Young Salmon
- B0CDBC
≈ Tyrol
- AACBD7
≈ Sea Wind
Dörtlü +90° +180° +270°
- DDBBBF
Shy Young Salmon
- CAC6A9
≈ Cargo Green
- A9CECA
≈ Blue Angora
- BFC3DF
≈ Genevieve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.93:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--shy-young-salmon: #ddbbbf;
--shy-young-salmon-rgb: 221 187 191;
--shy-young-salmon-oklch: oklch(0.823 0.039 10);
}
.element {
color: var(--shy-young-salmon);
background-color: hsl(353 33% 80%);
border-color: oklch(0.823 0.039 10);
}Tailwind CSS v4
@theme {
--color-shy-young-salmon: #ddbbbf;
--color-shy-young-salmon-50: #fff1f2;
--color-shy-young-salmon-100: #f5e3e4;
--color-shy-young-salmon-200: #e4ced0;
--color-shy-young-salmon-300: #cbb0b2;
--color-shy-young-salmon-400: #b49599;
--color-shy-young-salmon-500: #9e7c80;
--color-shy-young-salmon-600: #86696c;
--color-shy-young-salmon-700: #6b5457;
--color-shy-young-salmon-800: #4f3d40;
--color-shy-young-salmon-900: #372a2c;
--color-shy-young-salmon-950: #221719;
}SCSS
$shy-young-salmon: #ddbbbf;
$shy-young-salmon-rgb: 221, 187, 191;
$shy-young-salmon-light: mix(#fff, $shy-young-salmon, 20%);
$shy-young-salmon-dark: mix(#000, $shy-young-salmon, 20%);
.element {
color: $shy-young-salmon;
box-shadow: 0 0 0 2px rgba($shy-young-salmon, 0.35);
}