Adlandırılmış renk · #00BB77
Fennel Fiesta
Fennel Fiesta, #00BB77: rgb(0 187 119), hsl(158 100% 37%), oklch(0.698 0.162 158.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Fennel Fiesta color name →
#00BB77
oklch(0.698 0.162 158.6)
Renk dönüşümleri
- HEX
- #00bb77
- RGB
- rgb(0 187 119)
- HSL
- hsl(158 100% 37%)
- HWB
- hwb(158 0% 27%)
- OKLCH
- oklch(0.698 0.162 158.6)
- OKLab
- oklab(0.698 -0.151 0.059)
- CIE Lab
- lab(67.08 -53.63 22.86)
- LCH
- lch(67.08 58.29 156.9)
- CMYK
- cmyk(100% 0% 36% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 40C284
- 5DC992
- 76D09F
- 8CD7AC
- A0DEBA
- B4E5C8
- C7ECD5
- DAF2E3
- EDF9F1
Koyu tonlar
- 00A267
- 008A57
- 007347
- 005C38
- 00462A
- 00321C
- 001F10
- 000D05
- 000201
Gri tonlar
- 2EB578
- 41B079
- 4EAA7B
- 59A47C
- 629E7D
- 6A987D
- 70927E
- 768C7F
- 7B867F
Renk uyumları
Tamamlayıcı +180°
- 00BB77
Fennel Fiesta
- DD72BF
≈ Explicit Pink
Analog -30° +30°
- 00BB77
Fennel Fiesta
- 7FB031
≈ Football Field
- 00B5AC
≈ Glass Jar Blue
Üçlü +120° +240°
- 00BB77
Fennel Fiesta
- 8990FF
≈ Lavender Blue Shadow
- F0754C
≈ Coral Rose
Bölünmüş tamamlayıcı +150° +210°
- 00BB77
Fennel Fiesta
- BA7FEA
≈ Lavender Blossom
- EF6D89
≈ Grapefruit Juice
Dörtlü +90° +180° +270°
- 00BB77
Fennel Fiesta
- 3BA3FD
≈ Xed
- DD72BF
≈ Explicit Pink
- DA8900
≈ Fleur de Sel Caramel
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.50:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.37:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--fennel-fiesta: #00bb77;
--fennel-fiesta-rgb: 0 187 119;
--fennel-fiesta-oklch: oklch(0.698 0.162 158.6);
}
.element {
color: var(--fennel-fiesta);
background-color: hsl(158 100% 37%);
border-color: oklch(0.698 0.162 158.6);
}Tailwind CSS v4
@theme {
--color-fennel-fiesta: #00bb77;
--color-fennel-fiesta-50: #cdffe6;
--color-fennel-fiesta-100: #b8f9d6;
--color-fennel-fiesta-200: #94eabd;
--color-fennel-fiesta-300: #61d19c;
--color-fennel-fiesta-400: #23ba7a;
--color-fennel-fiesta-500: #00a45c;
--color-fennel-fiesta-600: #008b4e;
--color-fennel-fiesta-700: #006f3e;
--color-fennel-fiesta-800: #00522a;
--color-fennel-fiesta-900: #00391c;
--color-fennel-fiesta-950: #00230c;
}SCSS
$fennel-fiesta: #00bb77;
$fennel-fiesta-rgb: 0, 187, 119;
$fennel-fiesta-light: mix(#fff, $fennel-fiesta, 20%);
$fennel-fiesta-dark: mix(#000, $fennel-fiesta, 20%);
.element {
color: $fennel-fiesta;
box-shadow: 0 0 0 2px rgba($fennel-fiesta, 0.35);
}