Benannte Farbe · #90E4C1
Bubble Algae
Bubble Algae ist #90E4C1: rgb(144 228 193), hsl(155 61% 73%), oklch(0.855 0.096 165.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Bubble Algae color name →
#90E4C1
oklch(0.855 0.096 165.9)
Farbumrechnungen
- HEX
- #90e4c1
- RGB
- rgb(144 228 193)
- HSL
- hsl(155 61% 73%)
- HWB
- hwb(155 56% 11%)
- OKLCH
- oklch(0.855 0.096 165.9)
- OKLab
- oklab(0.855 -0.093 0.023)
- CIE Lab
- lab(84.51 -32.43 8.69)
- LCH
- lch(84.51 33.58 165)
- CMYK
- cmyk(37% 0% 15% 11%)
Tints · Shades · Tones
Tints
- 9CE7C7
- A8EACD
- B4ECD3
- BFEFDA
- CAF2E0
- D5F5E6
- E0F7EC
- EAFAF2
- F5FCF9
Shades
- 7DC6A7
- 6AA98F
- 578D77
- 45725F
- 345849
- 243F34
- 152820
- 07120E
- 010302
Tones
- 90DABA
- 8FCFB4
- 8EC5AD
- 8DBBA7
- 8BB1A0
- 89A79A
- 879D93
- 85938D
- 838A86
Farbharmonien
Komplementär +180°
- 90E4C1
Bubble Algae
- FEB6DD
≈ Hot Aquarelle Pink
Analog -30° +30°
- 90E4C1
Bubble Algae
- B3DE9F
≈ Green Gooseberry
- 7DE3E4
≈ Cold Blue
Triadisch +120° +240°
- 90E4C1
Bubble Algae
- CBC9FF
≈ Innocent Snowdrop
- FFBFA1
≈ Sweet Apricot
Geteilt komplementär +150° +210°
- 90E4C1
Bubble Algae
- E8BDFA
≈ Euphoria
- FFBBBE
≈ Hard Candy
Tetradisch +90° +180° +270°
- 90E4C1
Bubble Algae
- B1D2FF
≈ Ice Cold Stare
- FEB6DD
≈ Hot Aquarelle Pink
- F4C787
≈ Beacon Yellow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.49:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.05:1 · APCA Lc 80
Beste Textfarbe: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--bubble-algae: #90e4c1;
--bubble-algae-rgb: 144 228 193;
--bubble-algae-oklch: oklch(0.855 0.096 165.9);
}
.element {
color: var(--bubble-algae);
background-color: hsl(155 61% 73%);
border-color: oklch(0.855 0.096 165.9);
}Tailwind CSS v4
@theme {
--color-bubble-algae: #90e4c1;
--color-bubble-algae-50: #dcfff0;
--color-bubble-algae-100: #caf3e2;
--color-bubble-algae-200: #ade2cc;
--color-bubble-algae-300: #86c8ae;
--color-bubble-algae-400: #62b191;
--color-bubble-algae-500: #399a77;
--color-bubble-algae-600: #328265;
--color-bubble-algae-700: #286851;
--color-bubble-algae-800: #1d4d39;
--color-bubble-algae-900: #133527;
--color-bubble-algae-950: #042015;
}SCSS
$bubble-algae: #90e4c1;
$bubble-algae-rgb: 144, 228, 193;
$bubble-algae-light: mix(#fff, $bubble-algae, 20%);
$bubble-algae-dark: mix(#000, $bubble-algae, 20%);
.element {
color: $bubble-algae;
box-shadow: 0 0 0 2px rgba($bubble-algae, 0.35);
}