Adlandırılmış renk · #463C4E
Plum Island
Plum Island, #463C4E: rgb(70 60 78), hsl(273 13% 27%), oklch(0.374 0.033 309.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Plum Island color name →
#463C4E
oklch(0.374 0.033 309.9)
Renk dönüşümleri
- HEX
- #463c4e
- RGB
- rgb(70 60 78)
- HSL
- hsl(273 13% 27%)
- HWB
- hwb(273 24% 69%)
- OKLCH
- oklch(0.374 0.033 309.9)
- OKLab
- oklab(0.374 0.021 -0.025)
- CIE Lab
- lab(26.92 7.5 -9.32)
- LCH
- lch(26.92 11.96 308.8)
- CMYK
- cmyk(10% 23% 0% 69%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 564D5E
- 675F6E
- 79717F
- 8B8491
- 9D98A2
- B0ACB4
- C3C0C6
- D7D5D9
- EBEAEC
Koyu tonlar
- 3C3343
- 322A38
- 28212D
- 1E1923
- 151119
- 0D0A0F
- 050407
- 020102
- 000000
Gri tonlar
- 4C4253
- 514958
- 57505D
- 5D5662
- 625D67
- 68646C
- 6E6B71
- 747276
- 7A797B
Renk uyumları
Tamamlayıcı +180°
- 463C4E
Plum Island
- 3B4432
≈ Mallardish
Analog -30° +30°
- 463C4E
Plum Island
- 3D3F52
≈ Knighthood
- 4D3A46
≈ Funkie Friday
Üçlü +120° +240°
- 463C4E
Plum Island
- 4C3E2E
≈ Simmered Seaweed
- 2C4644
≈ Gable Green
Bölünmüş tamamlayıcı +150° +210°
- 463C4E
Plum Island
- 45412D
≈ Woodrush
- 31463B
≈ Bracken Fern
Dörtlü +90° +180° +270°
- 463C4E
Plum Island
- 503B34
≈ Royal Brown
- 3B4432
≈ Mallardish
- 2D454D
≈ Little Mermaid
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.41:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.01:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.41:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--plum-island: #463c4e;
--plum-island-rgb: 70 60 78;
--plum-island-oklch: oklch(0.374 0.033 309.9);
}
.element {
color: var(--plum-island);
background-color: hsl(273 13% 27%);
border-color: oklch(0.374 0.033 309.9);
}Tailwind CSS v4
@theme {
--color-plum-island: #463c4e;
--color-plum-island-50: #f8f3fc;
--color-plum-island-100: #ebe5f0;
--color-plum-island-200: #d9d0df;
--color-plum-island-300: #bdb3c4;
--color-plum-island-400: #a499ad;
--color-plum-island-500: #8d8097;
--color-plum-island-600: #776d80;
--color-plum-island-700: #5f5766;
--color-plum-island-800: #453f4b;
--color-plum-island-900: #302c34;
--color-plum-island-950: #1c1920;
}SCSS
$plum-island: #463c4e;
$plum-island-rgb: 70, 60, 78;
$plum-island-light: mix(#fff, $plum-island, 20%);
$plum-island-dark: mix(#000, $plum-island, 20%);
.element {
color: $plum-island;
box-shadow: 0 0 0 2px rgba($plum-island, 0.35);
}