Adlandırılmış renk · #91AD8A
Flora Green
Flora Green, #91AD8A: rgb(145 173 138), hsl(108 18% 61%), oklch(0.717 0.059 139.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Flora Green color name →
#91AD8A
oklch(0.717 0.059 139.4)
Renk dönüşümleri
- HEX
- #91ad8a
- RGB
- rgb(145 173 138)
- HSL
- hsl(108 18% 61%)
- HWB
- hwb(108 54% 32%)
- OKLCH
- oklch(0.717 0.059 139.4)
- OKLab
- oklab(0.717 -0.045 0.038)
- CIE Lab
- lab(67.87 -15.07 14.72)
- LCH
- lch(67.87 21.06 135.7)
- CMYK
- cmyk(16% 0% 20% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9CB595
- A6BDA1
- B1C5AC
- BCCDB8
- C7D5C3
- D2DECF
- DDE6DB
- E8EEE7
- F4F7F3
Koyu tonlar
- 7D9677
- 6A7F65
- 586A53
- 465542
- 354132
- 252D22
- 151B14
- 070B07
- 010101
Gri tonlar
- 8FA889
- 8EA488
- 8C9F87
- 8A9B86
- 899685
- 879284
- 858D83
- 848982
- 828481
Renk uyumları
Tamamlayıcı +180°
- 91AD8A
Flora Green
- B498BB
≈ Grape Smoke
Analog -30° +30°
- 91AD8A
Flora Green
- A6A77D
≈ Olive Tree
- 7FB09E
≈ Beau Monde
Üçlü +120° +240°
- 91AD8A
Flora Green
- 8EA5C9
≈ Polo Blue
- C69595
≈ Minstrel Rose
Bölünmüş tamamlayıcı +150° +210°
- 91AD8A
Flora Green
- A29EC7
≈ May Mist
- C195A9
≈ Light Mauve
Dörtlü +90° +180° +270°
- 91AD8A
Flora Green
- 7DABC1
≈ Arabella
- B498BB
≈ Grape Smoke
- C39983
≈ Revenant Brown
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.45:1 · APCA Lc 48
Ag
AAASiyah üzerinde
WCAG 8.54:1 · APCA Lc 54
En iyi metin rengi: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Kod parçacıkları
CSS
:root {
--flora-green: #91ad8a;
--flora-green-rgb: 145 173 138;
--flora-green-oklch: oklch(0.717 0.059 139.4);
}
.element {
color: var(--flora-green);
background-color: hsl(108 18% 61%);
border-color: oklch(0.717 0.059 139.4);
}Tailwind CSS v4
@theme {
--color-flora-green: #91ad8a;
--color-flora-green-50: #ecfaea;
--color-flora-green-100: #deeddb;
--color-flora-green-200: #c7dbc4;
--color-flora-green-300: #a7bfa4;
--color-flora-green-400: #8da786;
--color-flora-green-500: #72906b;
--color-flora-green-600: #617a5b;
--color-flora-green-700: #4d6148;
--color-flora-green-800: #394733;
--color-flora-green-900: #273123;
--color-flora-green-950: #151d12;
}SCSS
$flora-green: #91ad8a;
$flora-green-rgb: 145, 173, 138;
$flora-green-light: mix(#fff, $flora-green, 20%);
$flora-green-dark: mix(#000, $flora-green, 20%);
.element {
color: $flora-green;
box-shadow: 0 0 0 2px rgba($flora-green, 0.35);
}