Nächste benannte Farbe · #00B4DD
#00B4DD
Nächste benannte Farbe: Aquarius
#00B4DD (rgb(0 180 221), hsl(191 100% 43%), oklch(0.714 0.132 221.9)) liegt am nächsten an der benannten Farbe Aquarius. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#00B4DD
oklch(0.714 0.132 221.9)
Farbumrechnungen
- HEX
- #00b4dd
- RGB
- rgb(0 180 221)
- HSL
- hsl(191 100% 43%)
- HWB
- hwb(191 0% 13%)
- OKLCH
- oklch(0.714 0.132 221.9)
- OKLab
- oklab(0.714 -0.098 -0.088)
- CIE Lab
- lab(67.35 -28.49 -32.11)
- LCH
- lch(67.35 42.93 228.4)
- CMYK
- cmyk(100% 19% 0% 13%)
Tints · Shades · Tones
Tints
- 40BCE1
- 5DC4E4
- 76CBE8
- 8CD3EC
- A0DAEF
- B4E2F2
- C7E9F6
- DAF1F9
- EDF8FC
Shades
- 009CC0
- 0085A4
- 006E88
- 00586E
- 004455
- 00303D
- 001D26
- 000C11
- 000202
Tones
- 2EAFD4
- 41AACA
- 4FA5C1
- 59A0B7
- 629BAE
- 6A95A5
- 70909C
- 768B92
- 7B8589
Farbharmonien
Komplementär +180°
- 00B4DD
Aquarius
- E7855E
≈ Brewed Mustard
Analog -30° +30°
- 00B4DD
Aquarius
- 00BAB6
≈ Jade Gravel
- 61A7F2
≈ Cerulean
Triadisch +120° +240°
- 00B4DD
Aquarius
- DA80BA
≈ Pink Punk
- B4A532
≈ Grassy Ochre
Geteilt komplementär +150° +210°
- 00B4DD
Aquarius
- E87E8D
≈ Dimple
- D59336
≈ Hint of Caramel
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.44:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.57:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.57:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--aquarius: #00b4dd;
--aquarius-rgb: 0 180 221;
--aquarius-oklch: oklch(0.714 0.132 221.9);
}
.element {
color: var(--aquarius);
background-color: hsl(191 100% 43%);
border-color: oklch(0.714 0.132 221.9);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b4dd;
--color-aquarius-50: #cdfeff;
--color-aquarius-100: #b9f2ff;
--color-aquarius-200: #94e1fe;
--color-aquarius-300: #63c6e9;
--color-aquarius-400: #19afd6;
--color-aquarius-500: #0097c4;
--color-aquarius-600: #0080a5;
--color-aquarius-700: #006785;
--color-aquarius-800: #004c61;
--color-aquarius-900: #003544;
--color-aquarius-950: #00202c;
}SCSS
$aquarius: #00b4dd;
$aquarius-rgb: 0, 180, 221;
$aquarius-light: mix(#fff, $aquarius, 20%);
$aquarius-dark: mix(#000, $aquarius, 20%);
.element {
color: $aquarius;
box-shadow: 0 0 0 2px rgba($aquarius, 0.35);
}