En yakın adlandırılmış renk · #3FAB9D
#3FAB9D
En yakın adlandırılmış renk: Waterfall
#3FAB9D (rgb(63 171 157), hsl(172 46% 46%), oklch(0.676 0.1 183.2)) en çok Waterfall adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#3FAB9D
oklch(0.676 0.1 183.2)
Renk dönüşümleri
- HEX
- #3fab9d
- RGB
- rgb(63 171 157)
- HSL
- hsl(172 46% 46%)
- HWB
- hwb(172 25% 33%)
- OKLCH
- oklch(0.676 0.1 183.2)
- OKLab
- oklab(0.676 -0.1 -0.006)
- CIE Lab
- lab(63.63 -34.6 -2.38)
- LCH
- lch(63.63 34.68 183.9)
- CMYK
- cmyk(63% 0% 8% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 58B3A6
- 6DBCB0
- 81C4B9
- 94CDC3
- A6D5CD
- B8DDD7
- CAE6E1
- DCEEEB
- EDF7F5
Koyu tonlar
- 359488
- 2C7E73
- 23685F
- 1B544C
- 12403A
- 0A2D28
- 041B18
- 010B09
- 000101
Gri tonlar
- 4BA79A
- 54A397
- 5C9E94
- 639A91
- 69968E
- 6F928B
- 748D89
- 788986
- 7C8483
Renk uyumları
Tamamlayıcı +180°
- 3FAB9D
Waterfall
- CB7C91
≈ Wild Rose
Analog -30° +30°
- 3FAB9D
Waterfall
- 64A97A
≈ Green Tea Candy
- 3CA7BC
≈ Moonstone
Üçlü +120° +240°
- 3FAB9D
Waterfall
- A488CA
≈ Lilac Purple
- C38953
≈ Toffee Tart
Bölünmüş tamamlayıcı +150° +210°
- 3FAB9D
Waterfall
- BC80B1
≈ Drama Violet
- CD806F
≈ Canyon Clay
Dörtlü +90° +180° +270°
- 3FAB9D
Waterfall
- 8393D5
≈ Mystic Iris
- CB7C91
≈ Wild Rose
- AC9649
≈ Semi Opal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--waterfall: #3fab9d;
--waterfall-rgb: 63 171 157;
--waterfall-oklch: oklch(0.676 0.1 183.2);
}
.element {
color: var(--waterfall);
background-color: hsl(172 46% 46%);
border-color: oklch(0.676 0.1 183.2);
}Tailwind CSS v4
@theme {
--color-waterfall: #3fab9d;
--color-waterfall-50: #d6fff9;
--color-waterfall-100: #c3f3ec;
--color-waterfall-200: #a4e3da;
--color-waterfall-300: #79c8be;
--color-waterfall-400: #4fb2a4;
--color-waterfall-500: #039b8d;
--color-waterfall-600: #0f8377;
--color-waterfall-700: #0e695f;
--color-waterfall-800: #094d44;
--color-waterfall-900: #06362f;
--color-waterfall-950: #00211c;
}SCSS
$waterfall: #3fab9d;
$waterfall-rgb: 63, 171, 157;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}