Nazwany kolor · #4BEC13
Becquerel
Becquerel to #4BEC13: rgb(75 236 19), hsl(105 85% 50%), oklch(0.826 0.263 140.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Becquerel color name →
#4BEC13
oklch(0.826 0.263 140.3)
Konwersje koloru
- HEX
- #4bec13
- RGB
- rgb(75 236 19)
- HSL
- hsl(105 85% 50%)
- HWB
- hwb(105 7% 7%)
- OKLCH
- oklch(0.826 0.263 140.3)
- OKLab
- oklab(0.826 -0.203 0.168)
- CIE Lab
- lab(82.77 -67.5 75.79)
- LCH
- lch(82.77 101.49 131.7)
- CMYK
- cmyk(68% 0% 92% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 66EF46
- 7CF163
- 90F47B
- A1F690
- B2F8A4
- C3FAB7
- D2FCCA
- E1FDDC
- F0FEED
Odcienie ciemniejsze
- 40CD0F
- 35AF0B
- 2B9207
- 217605
- 175B03
- 0E4201
- 062901
- 021300
- 000300
Tony
- 57E135
- 61D747
- 68CC53
- 6FC15D
- 73B666
- 77AC6D
- 7BA173
- 7D9678
- 7F8B7C
Harmonie kolorów
Komplementarna +180°
- 4BEC13
Becquerel
- EFA7FF
≈ Rich Brilliant Lavender
Analogowa -30° +30°
- 4BEC13
Becquerel
- CECF00
≈ Golden Foil
- 00E7B6
≈ Overchlorinated Pool
Triada +120° +240°
- 4BEC13
Becquerel
- A6C8FF
≈ Night Snow
- FFADAC
≈ Apricot Haze
Komplementarna rozszczepiona +150° +210°
- 4BEC13
Becquerel
- C5BCFF
≈ Lavender Tonic
- FFA7D0
≈ Bazooka Pink
Tetrada +90° +180° +270°
- 4BEC13
Becquerel
- 76D3FF
≈ Sky
- EFA7FF
≈ Rich Brilliant Lavender
- FFB286
≈ Coral Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.30:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--becquerel: #4bec13;
--becquerel-rgb: 75 236 19;
--becquerel-oklch: oklch(0.826 0.263 140.3);
}
.element {
color: var(--becquerel);
background-color: hsl(105 85% 50%);
border-color: oklch(0.826 0.263 140.3);
}Tailwind CSS v4
@theme {
--color-becquerel: #4bec13;
--color-becquerel-50: #caffc3;
--color-becquerel-100: #b4ffad;
--color-becquerel-200: #8df085;
--color-becquerel-300: #57d74e;
--color-becquerel-400: #18c000;
--color-becquerel-500: #00a900;
--color-becquerel-600: #008f00;
--color-becquerel-700: #007300;
--color-becquerel-800: #005400;
--color-becquerel-900: #003b00;
--color-becquerel-950: #002400;
}SCSS
$becquerel: #4bec13;
$becquerel-rgb: 75, 236, 19;
$becquerel-light: mix(#fff, $becquerel, 20%);
$becquerel-dark: mix(#000, $becquerel, 20%);
.element {
color: $becquerel;
box-shadow: 0 0 0 2px rgba($becquerel, 0.35);
}