En yakın adlandırılmış renk · #5CADAD
#5CADAD
En yakın adlandırılmış renk: Twilight Meadow
#5CADAD (rgb(92 173 173), hsl(180 33% 52%), oklch(0.697 0.079 195.5)) en çok Twilight Meadow 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.
#5CADAD
oklch(0.697 0.079 195.5)
Renk dönüşümleri
- HEX
- #5cadad
- RGB
- rgb(92 173 173)
- HSL
- hsl(180 33% 52%)
- HWB
- hwb(180 36% 32%)
- OKLCH
- oklch(0.697 0.079 195.5)
- OKLab
- oklab(0.697 -0.077 -0.021)
- CIE Lab
- lab(65.65 -25.88 -8.12)
- LCH
- lch(65.65 27.12 197.4)
- CMYK
- cmyk(47% 0% 0% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6EB5B5
- 7FBDBD
- 90C5C5
- A0CECD
- B0D6D5
- C0DEDE
- D0E6E6
- DFEEEE
- EFF7F7
Koyu tonlar
- 4F9696
- 427F7F
- 366A6A
- 2A5555
- 1F4141
- 142D2D
- 0A1B1B
- 030B0B
- 000101
Gri tonlar
- 62A9A8
- 67A4A4
- 6BA09F
- 6F9B9B
- 739796
- 769292
- 798E8D
- 7B8989
- 7E8584
Renk uyumları
Tamamlayıcı +180°
- 5CADAD
Twilight Meadow
- CA898D
≈ Almond Rose
Analog -30° +30°
- 5CADAD
Twilight Meadow
- 6CAD92
≈ Dublin Jack
- 64A8C3
≈ Blue Mist
Üçlü +120° +240°
- 5CADAD
Twilight Meadow
- B18FBF
≈ Young Prince
- BA9764
≈ Karak Stone
Bölünmüş tamamlayıcı +150° +210°
- 5CADAD
Twilight Meadow
- C28AA8
≈ Rosy
- C78E74
≈ Baker’s Dream
Dörtlü +90° +180° +270°
- 5CADAD
Twilight Meadow
- 9897CD
≈ Bluebell Frost
- CA898D
≈ Almond Rose
- A4A166
≈ Cocktail Olive
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.61:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.03:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.03:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
CSS
:root {
--twilight-meadow: #5cadad;
--twilight-meadow-rgb: 92 173 173;
--twilight-meadow-oklch: oklch(0.697 0.079 195.5);
}
.element {
color: var(--twilight-meadow);
background-color: hsl(180 33% 52%);
border-color: oklch(0.697 0.079 195.5);
}Tailwind CSS v4
@theme {
--color-twilight-meadow: #5cadad;
--color-twilight-meadow-50: #dcfdfd;
--color-twilight-meadow-100: #caf1f1;
--color-twilight-meadow-200: #addfe0;
--color-twilight-meadow-300: #86c4c6;
--color-twilight-meadow-400: #62adad;
--color-twilight-meadow-500: #389697;
--color-twilight-meadow-600: #317f80;
--color-twilight-meadow-700: #276666;
--color-twilight-meadow-800: #1b4b4a;
--color-twilight-meadow-900: #113433;
--color-twilight-meadow-950: #031f1f;
}SCSS
$twilight-meadow: #5cadad;
$twilight-meadow-rgb: 92, 173, 173;
$twilight-meadow-light: mix(#fff, $twilight-meadow, 20%);
$twilight-meadow-dark: mix(#000, $twilight-meadow, 20%);
.element {
color: $twilight-meadow;
box-shadow: 0 0 0 2px rgba($twilight-meadow, 0.35);
}