Adlandırılmış renk · #BEDDD5
Pinnacle
Pinnacle, #BEDDD5: rgb(190 221 213), hsl(165 31% 81%), oklch(0.873 0.035 178.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Pinnacle color name →
#BEDDD5
oklch(0.873 0.035 178.2)
Renk dönüşümleri
- HEX
- #beddd5
- RGB
- rgb(190 221 213)
- HSL
- hsl(165 31% 81%)
- HWB
- hwb(165 75% 13%)
- OKLCH
- oklch(0.873 0.035 178.2)
- OKLab
- oklab(0.873 -0.035 0.001)
- CIE Lab
- lab(85.67 -11.79 0.31)
- LCH
- lch(85.67 11.79 178.5)
- CMYK
- cmyk(14% 0% 4% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5E0D9
- CBE4DD
- D2E7E1
- D8EBE6
- DFEEEA
- E5F1EE
- EBF5F2
- F2F8F6
- F8FCFB
Koyu tonlar
- A5C0B9
- 8CA49E
- 758883
- 5E6E6A
- 485551
- 333D3A
- 1F2624
- 0D1110
- 020202
Gri tonlar
- B8D3CC
- B1CAC3
- ABC0BB
- A5B7B2
- 9FADAA
- 99A4A1
- 929B99
- 8C9290
- 868988
Renk uyumları
Tamamlayıcı +180°
- BEDDD5
Pinnacle
- E9CCD5
≈ Queen Pink
Analog -30° +30°
- BEDDD5
Pinnacle
- C7DCC9
≈ Misty Afternoon
- BCDCE1
≈ Quick-Freeze
Üçlü +120° +240°
- BEDDD5
Pinnacle
- D7D1E9
≈ Air Castle
- E7D0BF
≈ Farm-Fresh Eggs
Bölünmüş tamamlayıcı +150° +210°
- BEDDD5
Pinnacle
- E2CDE1
≈ Orchid Shimmer
- EBCDC9
≈ Cameo Peach
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.44:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.49:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--pinnacle: #beddd5;
--pinnacle-rgb: 190 221 213;
--pinnacle-oklch: oklch(0.873 0.035 178.2);
}
.element {
color: var(--pinnacle);
background-color: hsl(165 31% 81%);
border-color: oklch(0.873 0.035 178.2);
}Tailwind CSS v4
@theme {
--color-pinnacle: #beddd5;
--color-pinnacle-50: #ebf9f5;
--color-pinnacle-100: #dcece8;
--color-pinnacle-200: #c5d9d5;
--color-pinnacle-300: #a5beb8;
--color-pinnacle-400: #89a59e;
--color-pinnacle-500: #6e8e86;
--color-pinnacle-600: #5d7871;
--color-pinnacle-700: #4a605b;
--color-pinnacle-800: #364642;
--color-pinnacle-900: #25312d;
--color-pinnacle-950: #131d1a;
}SCSS
$pinnacle: #beddd5;
$pinnacle-rgb: 190, 221, 213;
$pinnacle-light: mix(#fff, $pinnacle, 20%);
$pinnacle-dark: mix(#000, $pinnacle, 20%);
.element {
color: $pinnacle;
box-shadow: 0 0 0 2px rgba($pinnacle, 0.35);
}