En yakın adlandırılmış renk · #2E9595
#2E9595
En yakın adlandırılmış renk: Java
#2E9595 (rgb(46 149 149), hsl(180 53% 38%), oklch(0.613 0.091 195)) en çok Java 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.
#2E9595
oklch(0.613 0.091 195)
Renk dönüşümleri
- HEX
- #2e9595
- RGB
- rgb(46 149 149)
- HSL
- hsl(180 53% 38%)
- HWB
- hwb(180 18% 42%)
- OKLCH
- oklch(0.613 0.091 195)
- OKLab
- oklab(0.613 -0.088 -0.024)
- CIE Lab
- lab(56.06 -29.89 -9.03)
- LCH
- lch(56.06 31.22 196.8)
- CMYK
- cmyk(69% 0% 0% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4A9F9F
- 61AAA9
- 76B4B4
- 8ABFBE
- 9ECAC9
- B2D4D3
- C5DFDE
- D8E9E9
- ECF4F4
Koyu tonlar
- 278181
- 1F6D6D
- 185A5A
- 124848
- 0B3737
- 062626
- 021616
- 010808
- 000101
Gri tonlar
- 3C9393
- 489191
- 518F8F
- 5A8D8D
- 628B8B
- 688988
- 6F8786
- 758584
- 7B8282
Renk uyumları
Tamamlayıcı +180°
- 2E9595
Java
- B46D72
≈ Dusty Rose
Analog -30° +30°
- 2E9595
Java
- 489576
≈ Good Luck
- 3C8FAD
≈ Boston Blue
Üçlü +120° +240°
- 2E9595
Java
- 9973AA
≈ Ce Soir
- A47C41
≈ Wood Thrush
Bölünmüş tamamlayıcı +150° +210°
- 2E9595
Java
- AB6D91
≈ Purple Starburst
- B27255
≈ Sunburn
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.59:1 · APCA Lc 63
Ag
AASiyah üzerinde
WCAG 5.84:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 5.84:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--java: #2e9595;
--java-rgb: 46 149 149;
--java-oklch: oklch(0.613 0.091 195);
}
.element {
color: var(--java);
background-color: hsl(180 53% 38%);
border-color: oklch(0.613 0.091 195);
}Tailwind CSS v4
@theme {
--color-java: #2e9595;
--color-java-50: #d8fefe;
--color-java-100: #c5f2f2;
--color-java-200: #a6e1e2;
--color-java-300: #7dc6c7;
--color-java-400: #54afaf;
--color-java-500: #1b9999;
--color-java-600: #1c8181;
--color-java-700: #176767;
--color-java-800: #0e4c4b;
--color-java-900: #093534;
--color-java-950: #002020;
}SCSS
$java: #2e9595;
$java-rgb: 46, 149, 149;
$java-light: mix(#fff, $java, 20%);
$java-dark: mix(#000, $java, 20%);
.element {
color: $java;
box-shadow: 0 0 0 2px rgba($java, 0.35);
}