Adlandırılmış renk · #356554
Plantain Green
Plantain Green, #356554: rgb(53 101 84), hsl(159 31% 30%), oklch(0.467 0.06 168.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Plantain Green color name →
#356554
oklch(0.467 0.06 168.7)
Renk dönüşümleri
- HEX
- #356554
- RGB
- rgb(53 101 84)
- HSL
- hsl(159 31% 30%)
- HWB
- hwb(159 21% 60%)
- OKLCH
- oklch(0.467 0.06 168.7)
- OKLab
- oklab(0.467 -0.059 0.012)
- CIE Lab
- lab(39 -20.52 4.33)
- LCH
- lch(39 20.98 168.1)
- CMYK
- cmyk(48% 0% 17% 60%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 497363
- 5C8273
- 709184
- 83A094
- 97AFA5
- ACBFB7
- C0CFC8
- D5DFDA
- EAEFED
Koyu tonlar
- 2D5748
- 25493C
- 1D3C31
- 152F26
- 0E221B
- 081711
- 030C08
- 010302
- 000000
Gri tonlar
- 3E6858
- 466B5D
- 4D6D61
- 557065
- 5C736A
- 64756E
- 6B7873
- 727B77
- 797D7B
Renk uyumları
Tamamlayıcı +180°
- 356554
Plantain Green
- 744C60
≈ Bewitching
Analog -30° +30°
- 356554
Plantain Green
- 496241
≈ Acacia Green
- 2B6467
≈ Deep Marine
Üçlü +120° +240°
- 356554
Plantain Green
- 59557A
≈ Blue Glaze
- 76503C
≈ Tamarind Fruit
Bölünmüş tamamlayıcı +150° +210°
- 356554
Plantain Green
- 694F70
≈ Exotic Purple
- 784C4D
≈ False Morel
Dörtlü +90° +180° +270°
- 356554
Plantain Green
- 455B7C
≈ Newburyport
- 744C60
≈ Bewitching
- 6C5632
≈ Chieftain
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.68:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.14:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--plantain-green: #356554;
--plantain-green-rgb: 53 101 84;
--plantain-green-oklch: oklch(0.467 0.06 168.7);
}
.element {
color: var(--plantain-green);
background-color: hsl(159 31% 30%);
border-color: oklch(0.467 0.06 168.7);
}Tailwind CSS v4
@theme {
--color-plantain-green: #356554;
--color-plantain-green-50: #e5fbf3;
--color-plantain-green-100: #d5efe5;
--color-plantain-green-200: #bcddd1;
--color-plantain-green-300: #99c2b3;
--color-plantain-green-400: #7baa98;
--color-plantain-green-500: #5d937f;
--color-plantain-green-600: #4f7d6c;
--color-plantain-green-700: #3f6456;
--color-plantain-green-800: #2e493e;
--color-plantain-green-900: #1f332b;
--color-plantain-green-950: #0e1e18;
}SCSS
$plantain-green: #356554;
$plantain-green-rgb: 53, 101, 84;
$plantain-green-light: mix(#fff, $plantain-green, 20%);
$plantain-green-dark: mix(#000, $plantain-green, 20%);
.element {
color: $plantain-green;
box-shadow: 0 0 0 2px rgba($plantain-green, 0.35);
}