Adlandırılmış renk · #00BB44
Anaheim Pepper
Anaheim Pepper, #00BB44: rgb(0 187 68), hsl(142 100% 37%), oklch(0.69 0.205 147). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Anaheim Pepper color name →
#00BB44
oklch(0.69 0.205 147)
Renk dönüşümleri
- HEX
- #00bb44
- RGB
- rgb(0 187 68)
- HSL
- hsl(142 100% 37%)
- HWB
- hwb(142 0% 27%)
- OKLCH
- oklch(0.69 0.205 147)
- OKLab
- oklab(0.69 -0.172 0.112)
- CIE Lab
- lab(66.5 -59.8 46.85)
- LCH
- lch(66.5 75.97 141.9)
- CMYK
- cmyk(100% 0% 64% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3FC25A
- 5CCA6E
- 75D181
- 8AD893
- 9FDFA5
- B3E6B7
- C6ECC9
- D9F3DB
- ECF9ED
Koyu tonlar
- 00A23A
- 008A30
- 007326
- 005C1D
- 004614
- 00320C
- 001F05
- 000D02
- 000200
Gri tonlar
- 2DB54D
- 40B055
- 4EAA5C
- 58A462
- 619F68
- 69996E
- 709373
- 768D77
- 7B867C
Renk uyumları
Tamamlayıcı +180°
- 00BB44
Anaheim Pepper
- DA64DC
≈ Free Speech Magenta
Analog -30° +30°
- 00BB44
Anaheim Pepper
- 95A700
≈ Augustus Asparagus
- 00B59A
≈ Aloha
Üçlü +120° +240°
- 00BB44
Anaheim Pepper
- 6E95FF
≈ Blue Chaos
- FF5C53
≈ Sunset Orange
Bölünmüş tamamlayıcı +150° +210°
- 00BB44
Anaheim Pepper
- A97DFF
≈ Purple Illusionist
- F8579D
≈ Oleander Pink
Dörtlü +90° +180° +270°
- 00BB44
Anaheim Pepper
- 00A7EC
≈ Vivid Cerulean
- DA64DC
≈ Free Speech Magenta
- E67B00
≈ First of Fall
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.56:1 · APCA Lc 49
Ag
AAASiyah üzerinde
WCAG 8.19:1 · APCA Lc 53
En iyi metin rengi: #000000
WCAG 8.19:1 (AAA) · APCA Lc 53
Contrast pairs
Kod parçacıkları
CSS
:root {
--anaheim-pepper: #00bb44;
--anaheim-pepper-rgb: 0 187 68;
--anaheim-pepper-oklch: oklch(0.69 0.205 147);
}
.element {
color: var(--anaheim-pepper);
background-color: hsl(142 100% 37%);
border-color: oklch(0.69 0.205 147);
}Tailwind CSS v4
@theme {
--color-anaheim-pepper: #00bb44;
--color-anaheim-pepper-50: #cdffd5;
--color-anaheim-pepper-100: #b8fcc3;
--color-anaheim-pepper-200: #93eda3;
--color-anaheim-pepper-300: #5fd47b;
--color-anaheim-pepper-400: #27bd4d;
--color-anaheim-pepper-500: #00a716;
--color-anaheim-pepper-600: #008d18;
--color-anaheim-pepper-700: #007113;
--color-anaheim-pepper-800: #005304;
--color-anaheim-pepper-900: #003a04;
--color-anaheim-pepper-950: #002400;
}SCSS
$anaheim-pepper: #00bb44;
$anaheim-pepper-rgb: 0, 187, 68;
$anaheim-pepper-light: mix(#fff, $anaheim-pepper, 20%);
$anaheim-pepper-dark: mix(#000, $anaheim-pepper, 20%);
.element {
color: $anaheim-pepper;
box-shadow: 0 0 0 2px rgba($anaheim-pepper, 0.35);
}