Nazwany kolor · #E4F7E7
Nettle Rash
Nettle Rash to #E4F7E7: rgb(228 247 231), hsl(129 54% 93%), oklch(0.958 0.029 150.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Nettle Rash color name →
#E4F7E7
oklch(0.958 0.029 150.1)
Konwersje koloru
- HEX
- #e4f7e7
- RGB
- rgb(228 247 231)
- HSL
- hsl(129 54% 93%)
- HWB
- hwb(129 89% 3%)
- OKLCH
- oklch(0.958 0.029 150.1)
- OKLab
- oklab(0.958 -0.025 0.015)
- CIE Lab
- lab(95.49 -8.62 5.47)
- LCH
- lch(95.49 10.21 147.6)
- CMYK
- cmyk(8% 0% 6% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7F8E9
- E9F9EC
- ECF9EE
- EFFAF1
- F2FBF3
- F4FCF5
- F7FDF8
- FAFDFA
- FCFEFD
Odcienie ciemniejsze
- C6D7C9
- A9B7AB
- 8D998F
- 727C73
- 586059
- 3F4540
- 282C28
- 121513
- 030303
Tony
- DAEADC
- CFDED2
- C5D2C7
- BBC6BD
- B1BAB2
- A7AEA8
- 9DA29E
- 939794
- 8A8B8A
Harmonie kolorów
Komplementarna +180°
- E4F7E7
Nettle Rash
- FDEAFB
≈ Placebo Pink
Analogowa -30° +30°
- E4F7E7
Nettle Rash
- EEF4DF
≈ Morning Frost
- DDF8F2
≈ Frosty Mint
Triada +120° +240°
- E4F7E7
Nettle Rash
- ECF1FF
≈ Carte Blanche
- FFECE9
≈ Rose Frost
Komplementarna rozszczepiona +150° +210°
- E4F7E7
Nettle Rash
- F3EEFF
≈ Foundation White
- FFEBF0
≈ Just Pink Enough
Tetrada +90° +180° +270°
- E4F7E7
Nettle Rash
- E4F4FF
≈ Kodama White
- FDEAFB
≈ Placebo Pink
- FFEDE0
≈ Organic Fibre
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.11:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.75:1 · APCA Lc 99
Najlepszy kolor tekstu: #000000
WCAG 18.75:1 (AAA) · APCA Lc 99
Contrast pairs
Fragmenty kodu
CSS
:root {
--nettle-rash: #e4f7e7;
--nettle-rash-rgb: 228 247 231;
--nettle-rash-oklch: oklch(0.958 0.029 150.1);
}
.element {
color: var(--nettle-rash);
background-color: hsl(129 54% 93%);
border-color: oklch(0.958 0.029 150.1);
}Tailwind CSS v4
@theme {
--color-nettle-rash: #e4f7e7;
--color-nettle-rash-50: #eff8f1;
--color-nettle-rash-100: #e1ebe3;
--color-nettle-rash-200: #ccd8ce;
--color-nettle-rash-300: #adbcb0;
--color-nettle-rash-400: #93a496;
--color-nettle-rash-500: #798c7c;
--color-nettle-rash-600: #677669;
--color-nettle-rash-700: #525f54;
--color-nettle-rash-800: #3c453d;
--color-nettle-rash-900: #29302a;
--color-nettle-rash-950: #171c17;
}SCSS
$nettle-rash: #e4f7e7;
$nettle-rash-rgb: 228, 247, 231;
$nettle-rash-light: mix(#fff, $nettle-rash, 20%);
$nettle-rash-dark: mix(#000, $nettle-rash, 20%);
.element {
color: $nettle-rash;
box-shadow: 0 0 0 2px rgba($nettle-rash, 0.35);
}