Nazwany kolor · #00FFE5
Vibrant Mint
Vibrant Mint to #00FFE5: rgb(0 255 229), hsl(174 100% 50%), oklch(0.897 0.161 182). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Vibrant Mint color name →
#00FFE5
oklch(0.897 0.161 182)
Konwersje koloru
- HEX
- #00ffe5
- RGB
- rgb(0 255 229)
- HSL
- hsl(174 100% 50%)
- HWB
- hwb(174 0% 0%)
- OKLCH
- oklch(0.897 0.161 182)
- OKLab
- oklab(0.897 -0.161 -0.005)
- CIE Lab
- lab(90.06 -56.21 -2.47)
- LCH
- lch(90.06 56.27 182.5)
- CMYK
- cmyk(100% 0% 10% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4FFFE8
- 70FFEA
- 89FFED
- 9EFFEF
- B1FFF2
- C2FFF5
- D2FFF7
- E2FFFA
- F1FFFC
Odcienie ciemniejsze
- 00DEC7
- 00BEAA
- 009E8E
- 008072
- 006358
- 00483F
- 002E28
- 001612
- 000303
Tony
- 3AF2DA
- 50E5D0
- 5ED8C6
- 68CBBB
- 70BEB1
- 76B2A7
- 7AA59D
- 7D9993
- 7F8C8A
Harmonie kolorów
Komplementarna +180°
- 00FFE5
Vibrant Mint
- FFCEDA
≈ Bologna Sausage
Analogowa -30° +30°
- 00FFE5
Vibrant Mint
- 81FBA7
≈ Mild Menthol
- 95EDFF
≈ Alpine Expedition
Triada +120° +240°
- 00FFE5
Vibrant Mint
- E4D4FF
≈ Pale Lavender
- FFD4AF
≈ Forgotten Sunset
Komplementarna rozszczepiona +150° +210°
- 00FFE5
Vibrant Mint
- FFC9F6
≈ Kissed by Mist
- FFD1C7
≈ Snow Pa
Tetrada +90° +180° +270°
- 00FFE5
Vibrant Mint
- D1DCFF
≈ Arc Light
- FFCEDA
≈ Bologna Sausage
- FFDA63
≈ Sunrose Yellow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.43:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.43:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--vibrant-mint: #00ffe5;
--vibrant-mint-rgb: 0 255 229;
--vibrant-mint-oklch: oklch(0.897 0.161 182);
}
.element {
color: var(--vibrant-mint);
background-color: hsl(174 100% 50%);
border-color: oklch(0.897 0.161 182);
}Tailwind CSS v4
@theme {
--color-vibrant-mint: #00ffe5;
--color-vibrant-mint-50: #c2fffa;
--color-vibrant-mint-100: #aafaee;
--color-vibrant-mint-200: #7debdc;
--color-vibrant-mint-300: #31d2c0;
--color-vibrant-mint-400: #00bca5;
--color-vibrant-mint-500: #00a68e;
--color-vibrant-mint-600: #008c78;
--color-vibrant-mint-700: #007060;
--color-vibrant-mint-800: #005344;
--color-vibrant-mint-900: #003a2f;
--color-vibrant-mint-950: #00241c;
}SCSS
$vibrant-mint: #00ffe5;
$vibrant-mint-rgb: 0, 255, 229;
$vibrant-mint-light: mix(#fff, $vibrant-mint, 20%);
$vibrant-mint-dark: mix(#000, $vibrant-mint, 20%);
.element {
color: $vibrant-mint;
box-shadow: 0 0 0 2px rgba($vibrant-mint, 0.35);
}