En yakın adlandırılmış renk · #009E5B
#009E5B
En yakın adlandırılmış renk: Shamrock
#009E5B (rgb(0 158 91), hsl(155 100% 31%), oklch(0.614 0.151 155.3)) en çok Shamrock 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.
#009E5B
oklch(0.614 0.151 155.3)
Renk dönüşümleri
- HEX
- #009e5b
- RGB
- rgb(0 158 91)
- HSL
- hsl(155 100% 31%)
- HWB
- hwb(155 0% 38%)
- OKLCH
- oklch(0.614 0.151 155.3)
- OKLab
- oklab(0.614 -0.137 0.063)
- CIE Lab
- lab(57.22 -48.7 24.72)
- LCH
- lch(57.22 54.61 153.1)
- CMYK
- cmyk(100% 0% 42% 38%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 39A86B
- 55B27B
- 6EBC8B
- 84C59B
- 99CFAB
- AED9BC
- C2E2CC
- D7ECDD
- EBF5EE
Koyu tonlar
- 00894E
- 007441
- 006035
- 004D29
- 003A1E
- 002913
- 001809
- 000903
- 000100
Gri tonlar
- 289B5F
- 3A9963
- 489667
- 53936B
- 5C906F
- 658D72
- 6C8A76
- 738779
- 7A837D
Renk uyumları
Tamamlayıcı +180°
- 009E5B
Shamrock
- BA5DA7
≈ Mazzy Star
Analog -30° +30°
- 009E5B
Shamrock
- 6F930F
≈ Canopy
- 00998D
≈ Plumage
Üçlü +120° +240°
- 009E5B
Shamrock
- 6C79DE
≈ Pan Purple
- CF5D40
≈ Arabesque
Bölünmüş tamamlayıcı +150° +210°
- 009E5B
Shamrock
- 9A69CC
≈ Amethyst
- CC5778
≈ Strawberry Moon
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.04:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.04:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--shamrock: #009e5b;
--shamrock-rgb: 0 158 91;
--shamrock-oklch: oklch(0.614 0.151 155.3);
}
.element {
color: var(--shamrock);
background-color: hsl(155 100% 31%);
border-color: oklch(0.614 0.151 155.3);
}Tailwind CSS v4
@theme {
--color-shamrock: #009e5b;
--color-shamrock-50: #d2ffe4;
--color-shamrock-100: #bff8d4;
--color-shamrock-200: #9de8bb;
--color-shamrock-300: #6fcf99;
--color-shamrock-400: #42b877;
--color-shamrock-500: #00a258;
--color-shamrock-600: #00894b;
--color-shamrock-700: #006e3c;
--color-shamrock-800: #005128;
--color-shamrock-900: #01381b;
--color-shamrock-950: #00230b;
}SCSS
$shamrock: #009e5b;
$shamrock-rgb: 0, 158, 91;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}